ASP.net上的JQuery DatePicker
好,
我试图将日期选择器放在ASP.net表单上..
我看到这段代码可以做到..
$(function() { $( "#" ).datepicker(); });
我只是想知道如何对此应用validation以及如何显示错误消息..?
格式的validation,如果我放2个日期,第1个今天等。
非常新的JQuery,任何帮助将不胜感激!
如果您正在寻找validation,请尝试此操作
我拿出了我的代码。 如果你知道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 });
//处理来自日期点击
$('#datepicker1').datepicker('setDate', fromDate); $('#datepicker1').datepicker().on('changeDate', function (e) { fromDate = $('#datepicker1').val().toString(); if (fromDate > toDate) { toDate = fromDate; $('#datepicker2').datepicker('setDate', toDate); } });
//初始化为日期
$('#datepicker2').datepicker({ todayBtn: "linked", multidate: false, autoclose: true, todayHighlight: true });
//处理日期点击
$('#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
将脚本更改为此
这将获得具有精确id为txtDate的input元素。
$("input[id$=txtDate]").datepicker();
以下是您可以检查validation的内容
var txtValue=$("input[id$=txtDate]").val(); if(txtValue) { //it means textbox has some value proceed further. }