jQueryUI DatePicker验证

时间:2013-01-02 10:26:04

标签: validation datepicker jquery-ui-dialog jquery-ui-datepicker

我正在尝试验证日期字段,所以如果您在将来选择日期并在第二个输入框中选择今天的日期,则不应该让您提交表单。

我有它工作,所以你不能选择昨天的日期 - 它的日期比较我似乎无法工作。

/js/jquery-ui-1.8.6.custom.min.js"/>
/js/jquery.validate.js" />
/js/jquery.ui.datepicker.validation.js" />

<asp:TextBox ID="txtStartDate" runat="server" CssClass="DatepickerInput validBeforeDatepicker" />
<asp:TextBox ID="txtEndDate" runat="server" CssClass="DatepickerInput validAfterDatepicker" />

<script type="text/javascript">
$(function () {
    $("#tabs").tabs();
});

 $('.validBeforeDatepicker,.validAfterDatepicker').datepicker();


$(function () {
    $(".DatepickerInput").datepicker({
        showOn: "button",
        buttonImage: "/assets/img/calendar.gif",
        buttonImageOnly: true,
        minDate: 0,
        required: true,
        message: "This is a required field",
        dateFormat: 'dd-mm-yy'
    });
});

$(function () {
    $("#validAfterDatepicker").datepicker({
        showOn: "button",
        buttonImage: "/assets/img/calendar.gif",
        buttonImageOnly: true,
        minDate: +1,
        required: true,
        message: "This is a required field",
        dateFormat: 'dd-mm-yy'            
    });
});    

我正在关注这个例子,但我在某个地方出错了,似乎无法完全理解它可能是什么。

网站:http://bit.ly/WdZf10

请不要提交表格,因为如果在网站上测试表格,它只会是垃圾邮件。即使在提交表单

之前,您也可以看到它没有验证

0 个答案:

没有答案