【问题标题】:how to set default time to html input field of type time in ionic如何在ionic中将默认时间设置为时间类型的html输入字段
【发布时间】:2016-10-16 02:49:53
【问题描述】:

我是 Ionic 的新手,我正在使用时间类型的 html 输入字段来获取 Ionic 中的时间选择器,我想为该输入字段设置一些默认时间。我尝试了以下代码。

<label class="item item-input">
    <span class="input-label">Time</span>
    <input type="time" ng-model="demoTime">
</label>

我的控制器有:

$scope.demoTime = new Date("10:45 AM");

【问题讨论】:

    标签: angularjs html ionic-framework


    【解决方案1】:

    javaScript 没有单独的时间,我们需要提供参数 ans date-times。

    你可以通过以下方式做到这一点

    <label class="item item-input">
          <span class="input-label">Time</span>
          <input type="time" ng-model="demoTime">
        </label>
    

    在你的控制器中设置这样的时间

    $scope.demoTime = new Date (new Date().toDateString() + ' ' + '10:45');

    【讨论】:

    • 太棒了 :) 如果回答有帮助,请采纳。
    • Dit 对我不起作用,我发现这个:$scope.time= new Date(2000, 8, 10, 9,0,0); 并且它起作用了
    【解决方案2】:

    你可以通过赋值

    $scope.demoTime = "10:45";
    

    <input type="time" value="10:45">
    

    因为输入类型时间基于 24 小时时间格式。

    回答了类似的问题here

    【讨论】:

    • 仍然没有解决我收到这个错误 [ngModel:datefmt] 预计 10:45 是一个日期
    • 这意味着时间不被解析为日期,需要日期格式。您必须以预期的正确日期格式解析数据。它将“10:45”解析为字符串,因此遇到错误。
    • 我用它来解析 $scope.demoTime = new Date("10:45");错误已删除,但未设置为输入字段
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-10-25
    • 2020-11-23
    • 1970-01-01
    • 2022-01-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多