angular调用自身日历

js

 

//主要要声明  '$filter','ionicDatePicker', 'ionicTimePicker'    这三个

angular.module('app.sca')

.controller('ScaController', ScaController)

.factory('mockData',mockData);

ScaController.$inject = ['$scope', '$rootScope', '$filter', '$ionicSlideBoxDelegate', '$state', '$stateParams', 'iStorage', '$ionicBody', '$compile', '$http', 'CustomDialog','ServerConfiguration','$ionicHistory','$ionicScrollDelegate','ionicDatePicker', 'ionicTimePicker'];

 

function ScaController($scope, $rootScope, $filter, $ionicSlideBoxDelegate, $state, $stateParams, iStorage, $ionicBody, $compile, $http, CustomDialog, ServerConfiguration, $ionicHistory, $ionicScrollDelegate,ionicDatePicker,ionicTimePicker){

$scope.toSelectMedicalDate = function(){

var currentDate = new Date();

var year = currentDate.getFullYear();

var month = currentDate.getMonth();

var day = currentDate.getDate() + 1;

var medicalDatePicker = {

inputDate: new Date(year, month, day),

setLabel: '确定',

todayLabel: 'Today',

closeLabel: '关闭',

mondayFirst: false,

weeksList: ["日", "一", "二", "三", "四", "五", "六"],

monthsList: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一", "十二月"],

templateType: 'modal',

from: new Date(year, month, day),

showTodayButton: false,

dateFormat: 'yyyy-MM-dd',

closeOnSelect: false,

disableWeekdays: [],

callback: function (inputDate) {

if (typeof (inputDate) !== 'undefined') {

$scope.dataContanier['reservationMemberInfo']['birth'] = $filter('date')(inputDate, this.dateFormat);

//$scope.dataContanier['reservationMemberInfo']['birth']写自己的节点 $scope.xxx = $filter('date')(inputDate, this.dateFormat);

}

},

};

ionicDatePicker.openDatePicker(medicalDatePicker);

}

}

 

 

 

 

 

html

<input type="text"  placeholder="请选择" ng-click="toSelectMedicalDate()">