Question

我想知道是否有人可以帮助我!!

我正在构建一个发送带日期/时间的消息的基本表单。我有一个Jquery日期选择器，我希望这可以确定在表单中显示哪个选项集。我希望星期一 - 星期六的选项组时间与星期日不同，所以如果dayOfWeek = 0则它应该显示第二个选项集。

我知道它可能与“获取星期几”功能有关。

有人可以指出我正确的方向吗？谢谢！

$(function() {
  $( ".datepicker" ).datepicker({minDate: 0, dateFormat: "dd-mm-yy"});

  // getter
  var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );

  // setter
  $( ".selector" ).datepicker( "option", "dateFormat", "dd-mm-yy" );
});
</script>

并在HTML中当前包含此表格：

<tr>
  <th>Date</th>
  <td><input type="text" name="herdate" size="50" class="datepicker"/></td>
</tr>

<tr>
  <th>Time From:</th>
  <td>
    <select name="herfroms" >
      <option>08.00</option>
      <option>09.00</option>
      <option>10.00</option>
      <option>11.00</option>
      <option>12.00</option>
      <option>13.00</option>
      <option>14.00</option>
      <option>15.00</option>
      <option>16.00</option>
      <option>17.00</option>
      <option>18.00</option>
      <option>19.00</option>
      <option>20.00</option>
      <option>21.00</option>
    </select>
  </td>
</tr>

<tr>
  <th>Time To:</th>
  <td>
    <select name="hertos">
      <option>09.00</option>
      <option>10.00</option>
      <option>11.00</option>
      <option>12.00</option>
      <option>13.00</option>
      <option>14.00</option>
      <option>15.00</option>
      <option>16.00</option>
      <option>17.00</option>
      <option>18.00</option>
      <option>19.00</option>
      <option>20.00</option>
      <option>21.00</option>
      <option>22.00</option>
    </select>
  </td>
</tr>

但我希望选项设置不同，具体取决于星期几是星期日.......

有什么想法吗？

Answer 1

使用以下 jquery ：

$("#datepicker").datepicker({
    onClose : showday
});
function showday() {
    day_no = new Date($(this).val()).getDay();
    if(day_no == 0)//for sundays
        alert("It's sunday!");
        //perform some action for Sunday
}

<强> DEMO

修改

New DEMO

如果JQuery Date Picker等于Sunday，则显示不同的选项集

1 个答案: