AngularJs 時間控件

<div class="form-group col-sm-4 clearfix">
<label class="col-sm-5 control-label"><b class="text-danger"></b>審批單起草時間：</label>
<div class="col-sm-7">
<div class="picker" style="width:100%;">
<co-datetimepicker datepicker-options="dateOptions" ng-model="proCreateDt" id="proCreateDt"></co-datetimepicker>
</div>
<input type="hidden" id="proCreateDt1" name="proCreateDt" class="didi-input" value="{{proCreateDt}}">
</div>
</div>

 

<script>

//日歷控件區
angular.module('dateform', ['co.datetimepicker','ngSanitize','ui.select'])
.controller('dateformController', function ($http,$scope) {
angular.extend($scope, {
dateTime: '',
date: '2016-08-08',
datepTimeOptions: {
},
dateOptions: {
format: 'Y-m-d',
timepicker: false
},
timeOptions: {
timepicker: false
}
});

$(document).on('change', '#proCreateDt input', function(){
$("#proCreateDt1").val(this.value);
});
$scope.proCreateDt1 = '$!date.format('yyyy-MM-dd',$!contractDTO.proCreateDt)';

angular.bootstrap(document, ['dateform']);

 

</script>