发表于: 2017-05-15 23:42:27
1 968
今天完成的任务:
任务8搜索功能一些bug的完善,任务9HTML FileReader对象的方法及上传文件的学习,datetime-picker插件的学习使用。
明天的计划:
新增页面的编写,FormData对象的学习,上传文件功能的编写。
遇到的问题:开始使用的时html5自带的date功能,带式ng-model绑定日期时老是出现无效日期,而且兼容性太差,最后换用了日历插件。
日历插件引入angular文件老是失败,正确的引入,配置方式:
解决方法:使用的时bootstrap datetimepicker日历插件。
①引入文件:
<link rel="stylesheet" href="Css/bootstrap-datetimepicker.min.css">
<script src="Js/bootstrap-datetimepicker.js"></script>
②插件相关参数意思:
$('.date').datetimepicker({
language: 'zh-CN',//显示中文
format: 'yyyy-mm-dd',//显示格式
minView: "month",//设置只显示到月份
initialDate: new Date(),//初始化当前日期
autoclose: true,//选中自动关闭
todayBtn: true//显示今日按钮
})
③html代码
<input size="16" type="text" id="datetimeStart" readonly class="form_datetime">
<input size="16" type="text" id="datetimeEnd" readonly class="form_datetime">
④关键js代码:
$("#datetimeStart").datetimepicker({
format: 'yyyy-mm-dd',
minView:'month',
language: 'zh-CN',
autoclose:true,
startDate:new Date()
}).on("click",function(){
$("#datetimeStart").datetimepicker("setEndDate",$("#datetimeEnd").val())
});
收获:
以上
评论