Jquery DatePicker для нескольких элементов. - PullRequest
Новая
       1

Jquery DatePicker для нескольких элементов.

1 голос
/ 01 февраля 2012

Как применить Jquery DatePicker к нескольким элементам. однажды??
Предположим, у меня есть 3 текстовых поля 

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


Теперь я хочу применить указатель даты ко всем трем текстовым окнам одновременно.

Я также хочу знать, можно ли установить mm-yy в качестве формата выбора даты ???

Обновлено
Как установить региональный указатель даты dateFormat и dateRange за один шаг ??

Ответы [ 5 ]

3 голосов
/ 01 февраля 2012 
$(".textBox").datepicker({ dateFormat: "mm-y" });

Источник: http://jqueryui.com/demos/datepicker/#date-formats

1 голос
/ 01 февраля 2012

Если вы даете каждому из своих входных данных класс (например, cdate), вы можете использовать что-то вроде этого: 

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

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

0 голосов
/ 01 февраля 2012

вы должны использовать 

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

OR

1 - Добавить новый редактор в Views-> 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 - использовать EditorFor помощник для просмотра 

@Html.EditorFor(model=>model.date1)
0 голосов
/ 01 февраля 2012

Вы должны просто иметь возможность прикрепить указатель даты к классу: 

$(".textBox").datepicker();
0 голосов
/ 01 февраля 2012

@ 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]);
});

...