在JQuery DatePicker中清除选择

时间:2014-03-06 04:37:22

标签: jquery datepicker

我有Jquery DatePicker这样的控件。

<asp:TextBox runat="server" ID="txtDate" CssClass="textEntry" MaxLength="12"
                                ClientIDMode="Static" onkeyup="javascript:shouldsubmit=false;" ValidationGroup="vTimeSlot"></asp:TextBox>

控件的脚本如下

$("#<%= txtDate.ClientID%>").datepicker({
                    changeMonth: true,
                    changeYear: true,
                    dateFormat: "dd-mm-yy",
                    yearRange: '1901:2050',
                    //maxDate: new Date(),
                    showOn: "button",
                    buttonImage: "images/calendar.png",
                    buttonImageOnly: true,
                    showButtonPanel: true,
                    showMonthAfterYear: true,
                    inline: true,
                    altField: "#<%= HiddenDate.ClientID%>",
                altFormat: "dd-mm-yy",
                onSelect: function (dateText, inst) {
                    shouldsubmit = true;
                    javascript: __doPostBack('<%= txtDate.ClientID%>', '');
                },
                onClose: function (dateText, inst) {
                    shouldsubmit = false;
                }
            });

比如说,我选择了一些日期。我想从后面的代码点击button清除它。

我该怎么做?

2 个答案:

答案 0 :(得分:2)

使用.val('')将空值分配给文本框:

$("#<%= txtDate.ClientID%>").val('');

来自背后的代码:

txtDate.Text = ""; or txtDate.Text = string.Empty;

答案 1 :(得分:1)

将值设置为空以通过 .val()

清除datepicker值
   $(button).on("click",function(){
    $("#<%= txtDate.ClientID%>").val('');
    });