Question

我想在选择日期后阅读该值，以检查日期是否正确而不是过去。

我使用datepicker jquery脚本来选择数据并且工作正常。但模糊焦点并不像我想要的那样工作。我做错了什么？

        $('#verloftot').datepick({ dateFormat: 'dd-mm-yyyy' }).on('blur focusout',function () {

            alert($('#verloftot').val());

        });

Answer 1

只需为文本框执行on change即可。

var dateTextbox = $('#date');
dateTextbox.datepicker();

dateTextbox.on("change", function(){
    alert($(this).val());
});

DEMO

Answer 2

如果我理解你纠正你使用jquery datepicker，如果它有onSelect选项，那么它应该可以解决你的问题

onSelect 类型：Function（String dateText，Object inst）

默认值：null 选择日期选择器时调用。该函数接收所选日期作为文本，并将datepicker实例作为参数接收。这指的是相关的输入字段。

$( ".selector" ).datepicker(
{ 
  onSelect: function(e){
     //Your code here
} });

小提琴HERE

Answer 3

对于您使用日期选择器的扩展程序，您可以使用一些选项而不是onblur

以下所有示例都是从评论中提到的网站复制而来的。您应该花时间查看选择器的API，看看是否有其他选项可以帮助您获得所需的行为。

Min/Max

您可以指定分钟日期（网站评论错误，以下代码限制在2012年1月26日至2014年1月26日的范围内

$('#minmaxPicker').datepick({ 
    minDate: new Date(2012, 1 - 1, 26), 
    maxDate: new Date(2014, 1 - 1, 26), showTrigger: '#calImg'});

Events

有两个事件可能对您有用。

onSelect 允许您在选择新日期时执行功能

$('#onSelectPicker').datepick({ 
    onSelect: function(dates) { alert('The chosen date(s): ' + dates); }, 
    showTrigger: '#calImg'});

onClose 允许您在选择器关闭时执行功能（即使未选择日期）

$('#onClosePicker').datepick({ 
    onClose: function(dates) { alert('Closed with or without date(s): ' + dates); }, 
    showTrigger: '#calImg'});

在datepicker之后模糊事件

3 个答案:

Min/Max

Events