javascript日期选择器弹出日历在MVC中不工作
我正在从事MVC项目,我想使用日期选择器弹出日历。但它不起作用。这是我的密码:javascript日期选择器弹出日历在MVC中不工作,javascript,asp.net-mvc,Javascript,Asp.net Mvc,我正在从事MVC项目,我想使用日期选择器弹出日历。但它不起作用。这是我的密码: <script> $(document).ready(function () { $('#datetimepicker').datetimepicker({ yearOffset: -15, lang: 'en', timepicker: false, format: 'm/d/Y',
<script>
$(document).ready(function () {
$('#datetimepicker').datetimepicker({
yearOffset: -15,
lang: 'en',
timepicker: false,
format: 'm/d/Y',
formatDate: 'Y/m/d',
// minDate: '1940/01/02', // yesterday is minimum date
// maxDate: '2000/01/02' // and tommorow is maximum date calendar
});
});
</script>
$(文档).ready(函数(){
$(“#datetimepicker”).datetimepicker({
年份偏移:-15,
朗:"嗯",,
计时器选择器:错误,
格式:“m/d/Y”,
格式日期:“是/月/日”,
//minDate:'1940/01/02',//昨天是最短日期
//maxDate:'2000/01/02'//tommorow是日历的最长日期
});
});
看法
出生日期*
@Html.TextBoxFor(a=>a.DOB,新的{Class=“form control”,placeholder=“出生日期”,id=“datetimepicker”,TextMode=“日期”,value=“01/11/1989”,maxlength=“20”,style=“宽度:175px;高度:25px;字体大小:small;”)
@Html.ValidationMessageFor(a=>a.DOB)
我认为您的问题在于.NET MVC助手方法将输入文本的id属性替换为它可以跟踪其内部工作的内容
您可以通过
HTML.idFor(f=>f.DOB)获取目的地id代码>在您的$(“#datetimepicker”)…
行中。什么不起作用?浏览器控制台中有哪些错误?正如前面反复告诉您的那样,它的@class=“form control”
和TextMode=“date”
是无效的,您不应该设置值
属性(在将模型传递到视图之前设置属性DOB
的值)是的,我在模型中传递DOB你说不工作是什么意思?控制台中是否有错误?没有任何错误,没有显示弹出窗口在$(window.load)(function(){})中添加脚本;和tryWrong。OP包含了new{id=“datetimepicker”}
,因此输入具有id=“datetimepicker”
,这是使用$(“#datetimepicker”)
正确选择的(id
属性与“post-backs”无关,它的添加仅用于javascript选择器)
<div class="col-md-3">
<label class="control-label" style="font-family:Arial, Helvetica, sans-serif; font-size:13px;margin-top:6px;">
Date Of Birth<b style=" color:#ff0000;">*</b>
</label>
</div>
<div class="col-md-3" style="left:-25px;">
@Html.TextBoxFor(a => a.DOB, new { Class = "form-control ", placeholder = "Date of Birth", id = "datetimepicker", TextMode = "date", value = "01/11/1989", maxlength = "20", style = "width:175px;height:25px;font-size:small;" })
@Html.ValidationMessageFor(a => a.DOB)
</div>