【问题标题】:bootstrap date picker only month and years引导日期选择器只有月份和年份
【发布时间】:2020-09-06 16:31:36
【问题描述】:

我正在为我的 Angular js 项目使用引导日期选择器。

下面是 HTML

我的日期选择器文档如下 date picker documentation

   <input type="text" placeholder="From Date" id="fromDate"
    ng-required="newcashbenifit.isFixedAmount == false"
   ng-disabled="newcashbenifit.isFixedAmount == true"
    class="form-control" name="from" autocomplete="off"
   ng-model="newcashbenifit.fromDate" autoclose="false"
   data-date-format="dd/MM/yyyy"  bs-datepicker />

日期选择器正在加载并且运行良好。但我需要修改它以仅显示月份和年份。 (删除日期)。我是怎么做的。

【问题讨论】:

    标签: javascript angularjs twitter-bootstrap


    【解决方案1】:

    添加min-view="1"属性:

    最小允许查看 - 0 | 1 | 2. 1 只允许选择月份。

      <input type="text" placeholder="From Date" id="fromDate"
       min-view="1"
       ng-required="newcashbenifit.isFixedAmount == false"
       ng-disabled="newcashbenifit.isFixedAmount == true"
       class="form-control" name="from" autocomplete="off"
       ng-model="newcashbenifit.fromDate" autoclose="false"
       data-date-format="dd/MM/yyyy"  bs-datepicker />
    

    Demo Plunker

    【讨论】:

    • 非常感谢您的格言。这太棒了。上帝格言
    • 当我选择月份时,我需要显示该月的最后一个日期。目前它显示第一天。你有什么想法吗?
    • 它不支持这种行为。当我们谈论一个月时,它意味着一个月的开始。所以你需要在newcashbenifit.fromDate" 上收听,用moment lib 修改它,例如:stackoverflow.com/questions/39267623/…
    【解决方案2】:

    使用 minViewMode:

    $('#sandbox-container input').datepicker({
        minViewMode: 1
    });
    

    https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#minviewmode

    【讨论】:

    • 我能用这个jquery和angular js控制器吗
    • 这个 ID 是什么?文本框 ID 或 ?
    • 尽量避免在angularjs中使用jQuery,这是不好的做法
    • 尝试对输入数据使用属性-min-view-mode=1
    • 感谢 Shivaji 的帮助
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-15
    • 1970-01-01
    • 2018-10-23
    • 1970-01-01
    相关资源
    最近更新 更多