基本用法:
1)加入日期选择框
$("#dd").datebox({"required":true});
2)javascript获取日期选择框的值
$("#dd").datebox("getValue");或者$("input[name='dd']").val();
那么我们可以给它添加一个事件监听,在dateboxonSelect日期选中后,自动为inputid="dd"type="text"赋值,然后我们就可以使用
$("#dd").val()获取选中的日期值了。
$(document).ready(function(){
$("#dd").datebox({
required:true,
onSelect:function(date){
$("#dd").val(date);
}
});
});
3)javascript设置datebox的值
$("#dd").datebox("setValue","2012-01-01");
例:添加编辑页面
@Html.Hidden("hBirthDate",Model.BirthDate.ToString("yyyy-MM-dd"))
$(document).ready(function(){
$("#BirthDate").datebox({
required:false,
formatter:function(date){returndate.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();},
parser:function(date){returnnewDate(Date.parse(date.replace(/-/g,"/")));},
onSelect:function(date){
$("#BirthDate").val(date);
}
});
//处理日期格式问题
if($("#hBirthDate").val()!=""&&$("#hBirthDate").val()!="0001-01-01"){
$("#BirthDate").datebox("setValue",$("#hBirthDate").val());
}else{
$("#BirthDate").datebox("setValue",((newDate()).getFullYear()-25)+"-01-01");
}
});