日历控件的使用

在View视图引入日历时间控件

1. 引入相应js

<script src="~/Scripts/pikaday.min.js"></script>

<link rel="stylesheet" type="text/css" href="/Content/pikaday.css" />

2. 渲染js

<script>

    //日历控件

    var picker = new Pikaday(

    {

        field: document.getElementById('authdate'),

        firstDay: 1,

        minDate: new Date('2017-01-01'),

        maxDate: new Date('2050-12-31'),

        yearRange: [2000, 2050]

    });

</script>

3. 取值

<input type="text" id="approvedate" name="ApproveDate" value="" class="form-control"/>

其中name属性的值  需要与模型的一致才能取到值

4. 赋值

<script type="text/javascript">

$(function()  {      

 $("#approvedate").val('@ViewBag.approvedate.ToString("yyyy-MM-dd")');

    });

</script>