Javascript 日期选择器后的模糊事件

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

我使用datepicker jquery脚本来选择数据，这是有效的。但是模糊调焦器没有按我的要求工作。我做错什么了

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

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

        });

只需对文本框进行一次修改

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

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

只需对文本框执行一次操作

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

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

只需对文本框执行一次操作

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

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

只需对文本框执行一次操作

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

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

---

如果我理解您使用的是“如果是这样”，那么它有一个选项，应该可以解决您的问题

onSelect类型：函数（字符串日期文本，对象指令）

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

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

---

fiddle

如果我理解您使用的是正确的，那么它有一个选项，应该可以解决您的问题

onSelect类型：函数（字符串日期文本，对象指令）

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

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

---

fiddle

如果我理解您使用的是正确的，那么它有一个选项，应该可以解决您的问题

onSelect类型：函数（字符串日期文本，对象指令）

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

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

---

fiddle

如果我理解您使用的是正确的，那么它有一个选项，应该可以解决您的问题

onSelect类型：函数（字符串日期文本，对象指令）

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

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

---

fiddle

对于您用于日期选择器的扩展，您可以使用一些选项来代替onblur

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

您可以指定一个最小日期（网站上的评论错误，下面的代码限制范围为2012年1月26日至2014年1月26日）

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

有两个事件可能对您有用

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

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

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

---

对于您用于日期选择器的扩展，您可以使用一些选项来代替

onblur

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

您可以指定一个最小日期（网站上的评论错误，下面的代码限制范围为2012年1月26日至2014年1月26日）

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

有两个事件可能对您有用

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

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

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

---

对于您用于日期选择器的扩展，您可以使用一些选项来代替

onblur

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

您可以指定一个最小日期（网站上的评论错误，下面的代码限制范围为2012年1月26日至2014年1月26日）

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

有两个事件可能对您有用

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

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

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

---

对于您用于日期选择器的扩展，您可以使用一些选项来代替

onblur

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

您可以指定一个最小日期（网站上的评论错误，下面的代码限制范围为2012年1月26日至2014年1月26日）

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

有两个事件可能对您有用

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

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

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

---

更新答案引用此特定日期选取控件更新答案引用此特定日期选取控件更新答案引用此特定日期选取控件更新答案引用此特定日期选取控件更新答案引用此特定日期选取控件