jQuery UI datepicker添加“未知”选项值以输入

时间:2018-06-28 06:26:35

标签: javascript jquery html css jquery-ui

在Jquery UI datepicker中,如果用户不知道日期,我想添加一个Unknown选项以选择然后将那个未知的选项值输入到输入字段。我尝试将其添加到月份列表下拉列表中,但如何获取输入的unknown值。并且还需要unknown应该在年份下拉列表中列出。

我不知道是否可以做到。因此,期望您的其他有价值的想法将未知的日期放入日期选择器。 (也欢迎其他日期选择器。)

代码:

$(".datepicker").datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        changeYear: true,
        yearRange: "c-150:c+30",
        
        monthNames: [ "Unknown", "January","February","March","April","May","June",
			"July","August","September","October","November","December" ], 
      
		monthNamesShort: [ "UNK", "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ],
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>
<input type="text" class="datepicker" style="width:250px" id="datepicker">

JSFiddle Link

1 个答案:

答案 0 :(得分:1)

尽管在脚本中没有直接的方法可以完成此操作,但是您有解决方法来完成此操作,

为此,您需要从CDN下载jquery-ui.js(可以使用脚本中提供的相同URL)并将其存储在脚本目录中。最好下载所有三个脚本并将它们存储在本地。

然后,您需要在需要添加这样的代码的地方对其进行编辑,

仅在第9037行(您将在其中看到用于处理年份的for循环)之前,请尝试添加以下语句,

yearshtml += '<option value="Unknown">Unknown</option>'

希望这会有所帮助!。