繁体   English   中英

从datetime转换为时间并将其绑定到角度Timepicker?

convert from datetime to time and bind it to angular Timepicker?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有角度Timepicker我想从json对象绑定日期但我的问题这是错误

Timepicker指令:“ng-model”值必须是Date对象,自01.01.1970以来的毫秒数或表示RFC2822或ISO 8601 date.angular.js:11607(匿名函数)的字符串

user.until =“2015-03-27T16:30:00”中的字符串我使用时刻js转换为时间我调试它输出12:30 pm

只是我想问一下如何将json中的时间绑定到Timepicker。 我没有得到它我转换到约会,但Timepicker抱怨它不是日期对象?

var app = angular.module('userUpdate');
EditUserController = function($scope, $modalInstance,user){


    $scope.model = {
        personID: user.personID,
        until:user.until,
        status: 0,
        message: user.message
    }



    $scope.dt = moment.utc(user.until).local().format('MM/DD/YYYY');
    $scope.tm = moment.utc(user.until).local().format('hh:mm a');
    $scope.defaultStatus = '1';




    $scope.clear = function(){
        $scope.dt = null;
    };

    $scope.open = function($event){
        $event.preventDefault();
        $event.stopPropagation();

        $scope.opened = true;
    };

    $scope.dateOptions = {
        formatYear: 'yy',
        startingDay: 1
    };


//Timepicker Settings
    //$scope.time = new Date();
    //$scope.currenTime = function () {
    //    var time = new Date();
    //    var h = time.getHours();
    //    var m = time.getMinutes();

    //    if (m < 10) {
    //        m = '0' + m;
    //    }
    //    time = h + ':' + m;
    //    $scope.tm = time;

    //}

    $scope.hstep = 1;
    $scope.mstep = 15;

    $scope.ismeridian = true;
    $scope.toggleMode = function(){
        $scope.ismeridian = !$scope.ismeridian;
    };
    var formatDateTimeData = function (date, time) {
        var until = '';
        var dd = date.getDate();
        var mm = date.getMonth() + 1; //January is 0!
        var yyyy = date.getFullYear();
        var h = time.getHours();
        var m = time.getMinutes();
        if (dd < 10) {
            dd = '0' + dd;
        }
        if (mm < 10) {
            mm = '0' + mm;
        }
        if (m < 10) {
            m = '0' + m;
        }
        until = mm + '/' + dd + '/' + yyyy + ' ' + h + ':' + m;

        return until;
    }

    $scope.ok = function (model){
        var untilTemp = formatDateTimeData($scope.dt, $scope.tm);

        $modalInstance.close({
            personID: model.personID,
            until: untilTemp,
            status: model.status,
            message: model.message
        });

    };

    $scope.cancel = function(){
        $modalInstance.dismiss('cancel');
    };


};

app.controller('EditUserController', ['$scope', '$modalInstance', EditUserController]);
1 个回复

我猜你传递的是无效的String,尝试传递一个javascript Date对象。

var yourDate = "2015-03-27T16:30:00";
var timeInMilli = moment(yourDate, moment.ISO_8601).unix() * 1000;

$scope.dt = new Date(timeInMilli);

这个plunker说明了这个解决方案。

1 Angular bootstrap ngb timepicker 将自定义时间转换为时间选择器可读

我有一个应用程序,我从 API 响应中以这种格式“hh:mm:ss”获取时间,我想在时间选择器中显示时间, 我所尝试的是从时间中取出子字符串并将它们转换为整数并像这样将它们作为 JSON 发送 可以有另一种更好的方法来做到这一点吗? 我不喜欢 substring 方法,因为不确定每次数据都会有 ...

3 绑定角度datepicker和timepicker

我想绑定角度timepicker和datepicker。 我正在使用Angular bootstrap库 根据timepicker的文档,它需要new Date对象来表示最小值和最大值。 如果我只是这样设置 由于new Date()对象,这仅适用于今天 。 我想让它在我选 ...

4 仅TimePicker绑定时间

我已经安装了WPF Toolkit Extender,并且想要使用TimePicker ...,并且仅使用TimePicker。 我将值绑定到VM中的字符串属性。 TimePicker的值始终包含日期。 我该如何获取时间? 我要去哪里错了? (是的,我确定我使用的是TimePicker ...

2018-01-19 23:53:29 1 278   c#/ wpf
6 将表盘时间选择器转换为Angular JS

由于angularjs中没有用于时间选择器的好插件(出于某种原因不喜欢angularUI引导时间选择器),我在寻找一种将现有的jquery表盘接口插件转换为angularjs的方法。 尝试自己进行转换,但是没有用。 选择时间后,模型不会更新。 HTML: UPD :通过学 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM