Question

我已经连接了AngularUI Datepicker并且它运行得很好，除了当你在日历上选择一个不同的日期时，它会通过ngModel属性重置附加到它的ISO日期的时间部分。如何设置它以保持时间？

Answer 1

我通过在指令中充实它来解决我的问题。

input(ng-model="event.date_started", j-datepicker)
div(ng-model="event.date_started", j-datepicker)

.directive 'jDatepicker', ->
    require: 'ngModel'
    link: (scope, elem, attrs, ngModel) ->
        # check if elem is an input so when the input
        # gains focus it doesn't spawn another calender
        if not elem.is('input')
            elem.datepicker
                onSelect: (dateText) ->
                    # get the original ISO date and new date
                    oldDate = new Date ngModel.$modelValue
                    newDate = new Date dateText

                    # set the new month and day onto the original ISO date
                    oldDate.setUTCMonth newDate.getUTCMonth()
                    oldDate.setUTCDate newDate.getUTCDate()

                    scope.$apply () ->
                        # update the model with the new info
                        ngModel.$setViewValue oldDate.toISOString()

        ngModel.$render = () ->
            date = new Date ngModel.$viewValue

            # set the default highlighted date on the calender
            elem.datepicker 'setDate', date

            # this renders the date value on the 
            # input element in the format I want
            elem.val date.toDateString()

AngularUI Datepicker重置ngModel上的时间

1 个答案: