【问题标题】:Jquery UI datepicker add "Unknown" option value to inputJquery UI datepicker 将“未知”选项值添加到输入
【发布时间】:2018-06-28 06:26:34
【问题描述】:

在 Jquery UI 日期选择器中,我想添加一个 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

【问题讨论】:

    标签: javascript jquery html css jquery-ui


    【解决方案1】:

    虽然在您的脚本中没有直接的方法来完成此操作,但您有一个解决方法来完成此操作,

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

    然后,你需要编辑它,在你需要添加这样一段代码的地方,

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

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

    希望这会有所帮助!

    【讨论】:

    • 感谢您的帮助。我也有下载的代码,它在年份选项下运行良好。但我需要将值获取到输入字段..
    • 如果用户在年份下拉菜单中选择Unknown,您的意思是显示它吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-06
    • 1970-01-01
    • 2012-06-23
    • 1970-01-01
    相关资源
    最近更新 更多