问题描述: 在ASP.NET MVC项目中使用JQuery日期选择器时,选择的日期没有显示时间部分。
解决方法:
使用JQuery UI日期选择器插件: 在项目中添加JQuery UI库,并引入日期选择器插件。然后,在需要使用日期选择器的页面中,使用以下代码初始化日期选择器:
$(function() {
$("#datepicker").datepicker({
dateFormat: 'yy-mm-dd',
showTime: true,
timeFormat: 'HH:mm:ss'
});
});
在上述代码中,#datepicker
是日期选择器的HTML元素的ID,dateFormat
用于指定日期的格式,showTime
设为true
表示显示时间部分,timeFormat
用于指定时间的格式。
使用Bootstrap日期时间选择器: 在项目中添加Bootstrap库,并引入Bootstrap日期时间选择器插件。然后,在需要使用日期时间选择器的页面中,使用以下代码初始化日期时间选择器:
$(function() {
$("#datetimepicker").datetimepicker({
format: 'YYYY-MM-DD HH:mm:ss'
});
});
在上述代码中,#datetimepicker
是日期时间选择器的HTML元素的ID,format
用于指定日期时间的格式。
注意:以上两种方法需要在页面加载时引入相关的Javascript和CSS文件,并确保相关的库和插件已正确添加到项目中。