如何使用文本框中的日期值从日历中选择日期

时间:2017-06-24 12:18:34

标签: javascript html jquery-ui-datepicker

这是我的HTML

<input type=text name="date" value=7/8/2019>

这是我的日期选择器:

$('.datepicker').datepicker({ 
    format: 'dd/mm/yyyy', 
    autoclose: true, 
    endDate: '+0d',
    todayBtn: 'linked' 
});  

我想使用文本框中的日期值

选择日历中的日期

2 个答案:

答案 0 :(得分:1)

您粘贴的代码是调用javascript而不是html

但是您可以使用类型为datedatetime-local的html输入标记,这样可以提供额外的属性来设置min,max等。

<input name="submittion-date" 
       type="date" 
       max="2017-06-20" 
       min="2017-06-01" />

您可以使用jquery读取值

进一步阅读:https://www.w3schools.com/jsref/prop_date_value.asp

答案 1 :(得分:0)

您的输入应如下所示:

<input type="text" id="datepicker" value="7/8/2019">

如果属性值不是数字,则需要将属性值包装在“”中。