Jquery DatePicker爲多個元素。

如何將Jquery DatePicker應用於多個元素。立刻？？
假設我有3個文本框

Jquery DatePicker爲多個元素。

<td class="textBox">@Html.LabelFor(model => model.textbox1) 
<td class="textBox">@Html.LabelFor(model => model.textbox2) 
<td class="textBox">@Html.LabelFor(model => model.textbox3)

現在在這裏，我想一次申請日期選擇器對所有三個textBoxex。

我也想知道是否可以將mm-yy設置爲datepicker格式？

更新
如何在一個步驟設置區域datepicker的dateFormat和dateRange？

來源

2012-02-01 RollerCosta

改爲@ Html.LabelFor到

@Html.TextBoxFor(model=>model.textbox1,new{@class=textBox1}) @Html.TextBoxFor(model=>model.textbox1,new{@class=textBox1}) @Html.TextBoxFor(model=>model.textbox1,new{@class=textBox1})

然後用下面的腳本

<script type="text/javascript"> 

$(function() { 
    alert(abc); 
    $(".textBox").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     dateFormat: 'mm-yy', 
     yearRange: '1900:2012' 
    }); 
    $.datepicker.setDefaults($.datepicker.regional[""]); 
    $(".textBox").datepicker($.datepicker.regional["en"]); 
    $(".textBox").datepicker("option", $.datepicker.regional[anyculture]); 
});

來源

2012-02-01 11:39:33 RollerCosta

你應該只能夠在日期選擇器附加到類：

$(".textBox").datepicker();

來源

2012-02-01 11:40:44

0123對我而言不適用。 – RollerCosta 2012-02-01 11:45:35

$(".textBox").datepicker({ dateFormat: "mm-y" });

來源：http://jqueryui.com/demos/datepicker/#date-formats

來源

2012-02-01 11:43:43 Stefan

如果你給每個日期輸入一個類（如CDATE），你可以使用這樣的事情：

$(function() { 
    $(".cdate").datepicker({ 
     dateFormat: 'mm-y' 
    }); 
});

http://jsfiddle.net/z84td/2/

來源

2012-02-01 11:44:12 akiller

但它不適合我。 – RollerCosta 2012-02-01 11:48:41

你如何添加你的文本框？有關如何添加類的信息，請參閱http://stackoverflow.com/a/5445526/171703（請注意，他們使用zip並使用cdate，因此您需要使用相同的類名稱）。 – akiller 2012-02-01 11:51:24

akiller我GT固定沒有看到我更新的問題 – RollerCosta 2012-02-01 12:09:23

你應該使用

@Html.TextBoxFor(model=>model.text1, new {@class="date-picker"}); 
<script> 
$(".date-picker").datepicker(); 
</script>

1-裏面添加視圖 - > Shared-> EditorTemplates DateTime的新的編輯器

@model System.DateTime? 
@if (Model.HasValue) 
{ 
    @Html.TextBox("", Model.Value.Date.ToShortDateString(), new { data_datepicker = "true", style="width:80px;" })  
} 
else 
{ 
    @Html.TextBox("", null, new { data_datepicker = "true", style="width:80px;" })  
} 
<script type='text/javascript'> 
    $(function() { 
     $(":input[data-datepicker]").datepicker({ 
      showOtherMonths: true, 
      selectOtherMonths: true, 
      showOn: "both", 
      showAnim: "slide", 
      showButtonPanel: true, 
      changeMonth: true, 
      changeYear: true, 
      numberOfMonths: 2, 
      buttonImage: "@Url.Content("~/xtras/images/calendar.png")", 
      buttonImageOnly: true 
     }); 
    }; 
</script>

2-使用編輯器幫助查看

@Html.EditorFor(model=>model.date1)

來源

2012-02-01 11:47:22 Yorgo

Jquery DatePicker爲多個元素。

回答

相關問題