Javascript Jquery Datepicker dateformat在Asp.net中不起作用

Jquery/Js:

 $("#startDate").datepicker(
 {

 onSelect: function (date) { // Onselect not working after postback

 var date1 = $('#startDate').datepicker('getDate');
 var date = new Date(Date.parse(date1));
 date.setDate(date.getDate() + 1);
 var newDate = date.toDateString();
 newDate = new Date(Date.parse(newDate));
 $('#endDate').datepicker("option", "minDate", newDate);},

 });


$("#endDate").datepicker();

$.datepicker._gotoToday = function (id) {
$(id).datepicker('setDate', new Date()).datepicker('hide').blur();};

$.datepicker.regional['tr'] = {
closeText: 'Kapat',
prevText: '<geri',
nextText: 'ileri>',
currentText: 'Bugün',
dayNamesShort: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
dayNamesMin: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
weekHeader: 'Hf',


dateFormat: 'dd.mm.yy', // Problem here


firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
};

$.datepicker.setDefaults($.datepicker.regional['tr']);
}

<asp:TextBox ID="startDate" runat="server" ReadOnly="true"></asp:TextBox>   

<asp:TextBox ID="endDate" runat="server" ReadOnly="true"></asp:TextBox>

<asp:Button ID="btnsearch" runat="server" Text="search OnClick="btnsearch_Click" />

 protected void btnsearch_Click(object sender, EventArgs e)
{

    startDate.Text = "10.02.2012";
    endDate.Text = DateTime.Today.Date.ToShortDateString();

}

问题：

 $("#startDate").datepicker(
 {

 onSelect: function (date) { // Onselect not working after postback

 var date1 = $('#startDate').datepicker('getDate');
 var date = new Date(Date.parse(date1));
 date.setDate(date.getDate() + 1);
 var newDate = date.toDateString();
 newDate = new Date(Date.parse(newDate));
 $('#endDate').datepicker("option", "minDate", newDate);},

 });


$("#endDate").datepicker();

$.datepicker._gotoToday = function (id) {
$(id).datepicker('setDate', new Date()).datepicker('hide').blur();};

$.datepicker.regional['tr'] = {
closeText: 'Kapat',
prevText: '<geri',
nextText: 'ileri>',
currentText: 'Bugün',
dayNamesShort: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
dayNamesMin: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
weekHeader: 'Hf',


dateFormat: 'dd.mm.yy', // Problem here


firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''
};

$.datepicker.setDefaults($.datepicker.regional['tr']);
}

<asp:TextBox ID="startDate" runat="server" ReadOnly="true"></asp:TextBox>   

<asp:TextBox ID="endDate" runat="server" ReadOnly="true"></asp:TextBox>

<asp:Button ID="btnsearch" runat="server" Text="search OnClick="btnsearch_Click" />

 protected void btnsearch_Click(object sender, EventArgs e)
{

    startDate.Text = "10.02.2012";
    endDate.Text = DateTime.Today.Date.ToShortDateString();

}

当我加载页面时，jqueryonSelect功能可以正常工作

如果我单击搜索按钮，我会将开始日期.Text设置为“10.02.2012”，结束日期.Text设置为DateTime.todate.toSortDateString（）；。之后，jqueryonSelect函数对于dateformatdd.mm.yy不起作用。但是如果我将dateformat更改为dd/mm/yy，它会起作用

---

在asp.net for jquery datepicker中单击按钮后，如何运行on select函数以选择dd.mm.yy？

使用UpdatePanel时，需要在回发后重新初始化javascript，因为DOM已更改，旧javascript不再工作

因此，您的代码如下所示：

<script type="text/javascript"> 
    function InitDatePicker()
    {
         $("#startDate").datepicker(
         {
             onSelect: function (date) {     
               var date1 = $('#startDate').datepicker('getDate');
               var date = new Date(Date.parse(date1));
               date.setDate(date.getDate() + 1);
               var newDate = date.toDateString();
               newDate = new Date(Date.parse(newDate));
               $('#endDate').datepicker("option", "minDate", newDate);
             },
         });

        $("#endDate").datepicker();

        $.datepicker._gotoToday = function (id) {
            $(id).datepicker('setDate', new Date()).datepicker('hide').blur();
        };

        $.datepicker.regional['tr'] = {
            closeText: 'Kapat',
            prevText: '<geri',
            nextText: 'ileri>',
            currentText: 'Bugün',
            dayNamesShort: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
            dayNamesMin: ['Pz', 'Pt', 'Sa', 'Ça', 'Pe', 'Cu', 'Ct'],
            weekHeader: 'Hf',
            dateFormat: 'dd.mm.yy',
            firstDay: 1,
            isRTL: false,
            showMonthAfterYear: false,
            yearSuffix: ''
        };

        $.datepicker.setDefaults($.datepicker.regional['tr']);
        }
    }

    function UnBindDatePicker()
    {
        // make unbind to avoid memory leaks.
        $("#startDate").unbind();
        $("#endDate").unbind();
    }

   $(document).ready(function () {
       var prm = Sys.WebForms.PageRequestManager.getInstance();    
       prm.add_initializeRequest(InitializeRequest);
       prm.add_endRequest(EndRequest);

       // Place here the first init of the DatePicker
       InitDatePicker();
    });        

    function InitializeRequest(sender, args) {
       // make unbind to avoid memory leaks.
       UnBindDatePicker();
    }

    function EndRequest(sender, args) {
       // after update occur on UpdatePanel re-init the DatePicker
       InitDatePicker();
    }   
</script> 

函数InitDatePicker（）
{
$（“#开始日期”）。日期选择器(
{
onSelect:函数（日期）{
var date1=$（'#startDate'）。日期选择器（'getDate'）；
var date=新日期（date.parse（date1））；
date.setDate（date.getDate（）+1）；
var newDate=date.toDateString（）；
newDate=newDate（Date.parse（newDate））；
$（“#endDate”）.datepicker（“选项”，“minDate”，newDate）；
},
});
$（“#endDate”）.datepicker（）；
$.datepicker.\u GotoDay=函数（id）{
$（id）.datepicker（'setDate'，new Date（））.datepicker（'hide'）.blur（）；
};
$.datepicker.regional['tr']={
closeText:“Kapat”，
上一个文本：“”，
currentText:'Bugün'，
dayNamesShort:['Pz'，'Pt'，'Sa'，'Ch a'，'Pe'，'Cu'，'Ct']，
dayNamesMin:['Pz'，'Pt'，'Sa'，'Ch a'，'Pe'，'Cu'，'Ct']，
周刊头条：“Hf”，
日期格式：“年月日”，
第一天：1，
isRTL：错，
showmont第三年：假，
年份后缀：“”
};
$.datepicker.setDefaults（$.datepicker.regional['tr']）；
}
}
函数UnBindDatePicker（）
{
//取消绑定以避免内存泄漏。
$（“#开始日期”）.unbind（）；
$（“#结束日期”）.unbind（）；
}
$（文档）.ready（函数（）{
var prm=Sys.WebForms.PageRequestManager.getInstance（）；
prm.添加_initializeRequest（initializeRequest）；
prm.add_endRequest（endRequest）；
//在这里放置日期选择器的第一个init
InitDatePicker（）；
});        
函数初始化请求（发送方，参数）{
//取消绑定以避免内存泄漏。
取消绑定选择器（）；
}
函数EndRequest（发送方，参数）{
//更新后，在UpdatePanel上重新初始化日期选择器
InitDatePicker（）；
}   

---

相关：

所有这些都使用UpdatePanel吗？我使用的UpdatePanel不起作用。我需要在表单外、表单内或何处添加所有代码吗？@Soner请尝试理解这个想法。你可能有一些javascript错误，或者我不知道你在做什么。。。但我不是来调试它的。此代码必须位于更新面板的外侧！