ASP.net上的jQuery DatePicker

Question

好，

我试图将日期选择器放到ASP.net表单上。

我看到这段代码可以做到。

<script>
$(function() {
    $( "#<%= txtDate.ClientID %>" ).datepicker();
});
</script>

<form id="form1" runat="server">
  <div>
    <asp:TextBox ID="txtDate" runat="server" />
  </div>
</form>

我只是想知道如何对此进行验证以及如何显示错误消息..？

格式等验证，如果我输入2个日期，第1个<2nd ..和Date> Today等。

对JQuery来说是非常新的，任何帮助将不胜感激！

Answer 1

如果您要验证，请尝试此操作。

<script>
$(function() {
    $( "#<%= txtDate.ClientID %>" ).datepicker({
                minDate:0,
                dateFormat: 'dd-mm-yy',
                showOtherMonths: true,
                onSelect: function( selectedDate ) {
                    console.log(selectedDate);
                    // Here you can do all the validation you want.
                }
  });
});
</script>

Answer 2

我为此拔出了代码。 如果您知道jQuery / Javascript，则代码是不言自明的。

 var dateToday = new Date();
 var fromDate = (dateToday.getMonth() + 1) + "/" + dateToday.getDate() + "/" +    dateToday.getFullYear()
 var toDate = (dateToday.getMonth() + 1) + "/" + dateToday.getDate() + "/" + dateToday.getFullYear()

//初始化FromDate

 $('#datepicker1').datepicker({
    todayBtn: "linked",
    multidate: false,
    autoclose: true,
    todayHighlight: true
 });

//处理fromDate点击

$('#datepicker1').datepicker('setDate', fromDate);

$('#datepicker1').datepicker().on('changeDate', function (e) {
    fromDate = $('#datepicker1').val().toString();
    if (fromDate > toDate) {
        toDate = fromDate;
        $('#datepicker2').datepicker('setDate', toDate);
    }
});

//初始化toDate

$('#datepicker2').datepicker({
    todayBtn: "linked",
    multidate: false,
    autoclose: true,
    todayHighlight: true
});

//处理toDate点击

$('#datepicker2').datepicker('setDate', toDate);

$('#datepicker2').datepicker().on('changeDate', function (e) {
    toDate = $('#datepicker2').val().toString();
    if (toDate < fromDate) {
        fromDate = (new Date(toDate).getMonth() + 1) + "/01/" + new Date(toDate).getFullYear();
        $('#datepicker1').datepicker('setDate', fromDate);
    }
});

我忘了提到正在使用此https://github.com/eternicode/bootstrap-datepicker/blob/release/docs/index.rst

Answer 3

将您的脚本更改为此

<script>
$(function() {
$("input[id$=txtDate]").datepicker();
});
</script>

这将获得输入元素，其确切ID为txtDate。

$("input[id$=txtDate]").datepicker();

这是您可以检查验证的内容

var txtValue=$("input[id$=txtDate]").val();
if(txtValue)
{
//it means textbox has some value proceed further.
}