html选择日期选择器

1.

<input class="form-control date-picker" type="text" name="year1" 

placeholder="选择年" data-date-format="yyyy">

<script type="text/javascript">
   $(document).ready(function () {
        $('[name=year1]').datepicker({
            startView: 'decade',
            minView: 'decade',
            format: 'yyyy',
            maxViewMode: 2,
            minViewMode:2,
            autoclose: true
        })
    });
</script>

2.

时间：<input class="form-control date-picker" type="text" name="attr.date_start" 

placeholder="时间开始" data-date-format="yyyy-mm-dd" id="input_monday">

<script type="text/javascript">

    $(document).ready(function () {
        $('.date-picker').datepicker({
            autoclose: true,
            startView:'months',
            minViewMode:'days',
            todayHighlight: true,
        })
    });

</script>