如何在 Jquery Date Picker 中添加请选择月份年份下拉菜单的选项?

Posted

技术标签:

【中文标题】如何在 Jquery Date Picker 中添加请选择月份年份下拉菜单的选项?【英文标题】:How to add please select option for the month year dropdown in Jquery Date Picker? 【发布时间】:2018-08-06 07:15:13 【问题描述】:

我有一个 J 查询日期选择器,如下所示(单击链接查看图像)。日期选择器在此日期选择器中显示月份和年份下拉菜单。

https://cdn.toolset.com/wp-content/uploads/2013/05/datepicker_month_year.png?x28969

默认情况下,日期选择器显示当前选择的年份和月份。而不是年份和月份下拉菜单需要显示“请选择”文本。如果用户不选择月份和年份,则不应关闭弹出窗口。弹出窗口才会关闭选项时关闭。我们需要为此配置哪些选项。

  $('#request-dob').datepicker(
    dateFormat: 'dd/mm/yy',
    changeMonth: true,
    changeYear: true,
    maxDate: new Date,
    yearRange: "-100:+0"
  );

【问题讨论】:

【参考方案1】:

我认为您可以使用输入的“占位符”属性。 请将以下代码示例复制到一个 html 文件中并查看结果。

<html>
    <head>
      <title>Place Holder Sample</title>
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
      <script>
      $( function() 
        $( "#datepicker" ).datepicker(
          showOtherMonths: true,
          selectOtherMonths: true
        );
       );
      </script>
    </head>
    <body> 
        <p>Date: <input type="text" id="datepicker" placeholder="Please Select"></p>
    </body>
</html>

【讨论】:

它提供了上一个、下一个按钮。但我想在 jquery 日期选择器的月份和年份下拉菜单上显示“请选择”文本。

以上是关于如何在 Jquery Date Picker 中添加请选择月份年份下拉菜单的选项?的主要内容,如果未能解决你的问题,请参考以下文章

element-ui date-picker日期格式化总结

如何使用 javascript/jquery 在时间字符串中添加一秒

Date Range Picker时间插件非常不错,主要体现在选择一个时间区间

如何在 Materialise Date Picker 中设置默认日期?

如何在Angular Material Date Picker中包含前导零?

一个超轻量级、高度可配置的跨浏览器日期时间选择器jQuery插件