JQuery DatePicker Multiple Input
JQuery DatePicker Multiple Input
使用JQuery和ASP.Net C#3.0。
我有以下脚本:
<script>
$(document).ready(function () {
$("[id$=txtHiddenDate]").datepicker({
showOn: "button",
buttonImage: "../../images/calendar-icon.gif",
buttonImageOnly: true
});
});
</script>
日、月和年有3个独立的字段。(txtDay,txtMonth,txtYear)如何将日期返回到这3个单独的字段?
非常感谢!
编辑:我也想保留隐藏字段以及
HTML
设置其他输入以保存日期片段。你可能想把这些隐藏起来。
<input id="picker"/><br>
Day:
<input id="day"/><br>
Month:
<input id="month"/><br>
Year:
<input id="year"/>
Javascript
指定一个onSelect
函数,该函数解析不同的日期段并将它们分配给各自的输入。
$(document).ready(function () {
$("#picker").datepicker({
showOn: "button",
buttonImage: "../../images/calendar-icon.gif",
buttonImageOnly: true,
onSelect: function(strDate){
var tokens = strDate.split("/");
$("#day").val(tokens[1]);
$("#month").val(tokens[0]);
$("#year").val(tokens[2]);
}
});
});
JS Fiddle:http://jsfiddle.net/9Ww8g/
您应该在普通文本框上应用日期选择器。不能将它放在一个隐藏字段或三个不同的字段上。
因为它是一个文本框,所以在服务器端(在代码后面)只有一个字符串。使用[DateTime.Parse][1]
、[DateTime.TryParse][2]
、[DateTime.ParseExact][3]
或获取所选日期。
如果您想使用hiddenField
并使其具有特定的格式(这样您就可以在知道格式的情况下进行解析),您可以使用altField
和altFormat
:
$("#myTextBox").datepicker({
altField: "#myHiddenField",
altFormat: "yy-mm-dd"
});
如果是ASP.NET隐藏字段,则可能需要使用以下选择器:
altField: "input[id$=myHiddenField]"
因为在javascript中,您无法知道ASP.NET将生成的实际id(除非您在代码背后构造javascript)。
相关文章:
- 正在将base64 jpeg从input-type=file上传到服务器
- 如何使用input-tage上传图片并查看在laravel中上传的文件预览
- SharePoint 2010 Jquery/JSON Rest Multiple OR语句-如何
- $(input[]).仅在firefox中出现每个抛出语法错误
- 我如何在INPUT TEXT中使用这个Javascript和jQuery
- Unit-testing multiple use cases with Karma & Mocha.js
- Webiopi multiple button css
- 如何使用keyup或input进行操作?javascript(jQuery)
- 未捕获错误:语法错误,无法识别的表达式:input[@type=submit]
- 如何防止在jquery中的文本框中输入multiple+
- 无法使用 $('input[name=“rate”]').focus() 聚焦文本框;方法
- getDocument by id/get input text from button dons'不起作用
- Animation cuts off multiple lines of text in <p>
- 选中复选框时,DOM不显示element.input.checked和ng
- Elm Native with Multiple Arity
- $(e.target).find和template.find('input').value之间有什么区别
- 单击表单的“提交”按钮时,获取表单中的所有INPUT和ACTION标记
- 当绑定到Date()-对象时,如何格式化input[time]的值
- AngularJS:如何访问自定义指令中的input[date]min属性
- JQuery DatePicker Multiple Input