隐藏/显示基于datePicker&的div当前的日期

时间:2015-05-29 13:42:05

标签: javascript jquery jquery-ui date datepicker

我想根据日期选择器中的日期使用以下方案更改div的文本

  • 如果datePicker日期是今天,我想要msg1,
  • elseif datePicker日期是明天,当前时间是> = 3pm,我想要msg2,
  • elseif datepicker date是明天,我想要msg3,
  • elseif datePicker日期是当前日期的+ 2天,我想要msg4,
  • 其他,没有消息。

DatePicker字段......

<input type="text" name="orderTime" class="" id="orderTime" value="" autocomplete="off" /><br><br>
<script type="text/javascript">         
        jQuery("#orderTime").datepicker({
            changeMonth: true, 
            changeYear: false, 
            dateFormat: 'dd/mm/yy', 
            firstDay: 1, 
            duration: 'fast', 
            maxDate: '+2m', 
            minDate: '-0d', 
            numberOfMonths: 1
        });
</script>

1 个答案:

答案 0 :(得分:2)

使用DatePicker的 OnSelect 选项

<强>脚本

<script type="text/javascript">            
    jQuery("#orderTime").datepicker({
        changeMonth: true, 
        changeYear: false, 
        dateFormat: 'dd/mm/yy', 
        firstDay: 1, 
        duration: 'fast', 
        maxDate: '+2m', 
        minDate: '-0d', 
        numberOfMonths: 1,
        onSelect: function (selectDate){
          // write your logic here  
          if(today) // today logic
            alert('today')
          else if(tomorrow) // tomorrow logic
            alert('tomorrow') 
        }
    });
</script>