检查 DatePicker 值是不是为空

Posted 2023-05-07

【中文标题】检查 DatePicker 值是不是为空

【英文标题】：Check if DatePicker value is null检查 DatePicker 值是否为空

【发布时间】：2016-06-27 17:41:40

【问题描述】：

我想检查DatePicker 的值是否为空（== 框中没有日期）。

默认情况下，我的DatePicker 的Text 设置为Select a date，因此我无法使用Text 属性进行检查。

【问题讨论】：

DatePicker.SelectedDate == null

【参考方案1】：

DatePicker 类有一个属性SelectedDate，它使您能够获取或设置选定的日期。如果没有选中，则表示其值为空。

if (datePicker.SelectedDate == null)

    // Do what you have to do

【参考方案2】：

虽然DatePicker的默认文本是Select a date，但是您可以使用Text属性通过Text.Length进行检查。或者像这样检查SelectedDate 属性：

if (datePicker.Text.Length == 0)

    //Do your stuff        

或者：

if (datePicker.SelectedDate == null)

    //Do your stuff

【参考方案3】：

to = $('#to');// hopefully you defined this yourself and the options
//I am writing coffeeScript here, below I will add pure JS

if to.datepicker('getDate') == null
  //basically do your stuff here - 
  //using month_day_year_string (m_d_y_s) func to format a date object here and add 6 to the date's year so passed e.g. 2014 gives 2020.
  return to.datepicker('option', 'minDate', getDate(this), to.datepicker('option', 'maxDate', m_d_y_s(getDate(this), 6)))
return// I have this on a call back so I am returning from the call back

在纯 JS 中它只是

var to = $('#to');// hope you defined the options and datepicker
if (to.datepicker('getDate') === null) 
  #do your stuff - I have an example code below as I needed this check in a callback
  return to.datepicker('option', 'minDate', getDate(this), to.datepicker('option', 'maxDate', m_d_y_s(getDate(this), 6)));
 

return;// if on a call back e.g. onChange or onRender.