使用datetimepicker验证日期

时间:2014-07-30 22:48:14

标签: javascript jquery datetimepicker

我正在使用jquery.datetimepicker.js向用户提供日历以选择日期和时间。我想验证此日期,因为用户可能会手动修改文本字段中的日期。

如何验证?

请帮忙。以下是我将日历设置为文本字段的代码。

 <script   src="<c:url value="/js/jquery.datetimepicker.js" />" ></script>

  <script>
   var j = jQuery.noConflict();
   j( document ).ready(function() { 

   j('#dateId').datetimepicker({
     format: 'm/d/Y  g:i A'       
     });
  </script>

1 个答案:

答案 0 :(得分:0)

readonly="readonly"置于输入标记内,因此您无需验证它。

更新: 1.如果validateOnBlur为true(默认值为true)且用户输入的格式无效,则datetimepicker将处理它并将today设置为输入值;
2.如果日期无效(例如,2014/07/32),则datetimepiker会处理它并将2014/08/01设置为当前日期,但输入文本框仍为2014/07/32。您可以添加OnChangeDateTime函数来处理它。 像:

    $("#input").datetimepiker({
        format: "Y/m/d",
        OnChangeDateTime: function (currentDate, $input) {
            $input.val(currentDate.getFullYear()+"/"+(currentDate.getMonth()+1)+"/"+currentDate.getDay());
        }
    });

如果小于10,则需要在月/日之前添加0。

您还可以分析$ input.val(),并在输入无效时向用户发出警报。