HTML5输入日期属性两个日期

我使用的是HTML5日期属性，像这样之间进行选择：HTML5输入日期属性两个日期

<form> 
    Birthday: 
    <input type="date" name="bday"> 
</form>

它的伟大工程，它允许您选择在日历上的日期。但是，它能够选择像jQuery插件那样的日期范围吗？

来源

2015-06-04 Donato

你到底想达到什么目的？ –

@RahulTripathi允许用户选择一个日期范围，并使其在输入字段中显示为逗号分隔的两个日期列表。我应该不使用输入日期属性吗？它甚至不像在Firefox中支持。 – Donato

看来日期类型甚至不能在Firefox上使用。我认为我现在更好地坚持javascript。 – Donato

我不就可以严格地做到这一点使用HTML5只有想不到。您还需要使用Javascript来实现您正在尝试执行的操作。

你可以参考 Date Range Picker for Twitter Bootstrap

enter image description here

来源

2015-06-04 17:36:36

是的，这正是我要做的。实际上，我将其确切地添加为对其他答案的评论，因为其他答案是黑客。 – Donato

@ Donato： - 更新了我的答案。希望有所帮助！ –

我想这可能会帮助您：

HTML5

<label>Enter a date before 2015-06-04:</label> 
 
<input type="date" name="myDate" max="2015-06-04"> 
 

 
<label>Enter a date after 1993-09-03:</label> 
 
<input type="date" name="myDate" min="1993-09-03">

来源

2015-06-04 17:33:46 divy3993

您的解决方案需要两个输入字段。另外，它似乎datepicker甚至不能在Firefox上工作。我想只是坚持自举日期范围选择器。 – Donato

@Donato，是的，我认为FF必须是新版本，因为这个日期选择器是HTML5元素，不会对所有浏览器都很舒服。最好用bootstrap。 – divy3993

HTML5输入日期属性两个日期

回答

相关问题