发表于: 2017-05-15 23:42:27

1 967


今天完成的任务:

 任务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())

    });


收获:

以上


返回列表 返回列表
评论

    分享到