MUI 时间选择设置为只选择年

复制代码
<style>
    [data-type="month"] .mui-picker, [data-type="month"] .mui-dtpicker-title h5 {
        width: 100%;
    }

    [data-id="picker-m"], [data-id="title-m"] {
        display: none!important;
    }
    /*[data-type="month"] {
        display: none;
    }*/
</style>
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$("#btnYearMonth").on("tap", function () {
          var dtpicker = new mui.DtPicker({
              "type": "month",
              "customData": {
                  "h": [
                      { value: "am", text: "上午" },
                      { value: "pm", text: "下午" },
                  ]
              }
          });
          dtpicker.show(function (e) {
              $("#YearMonth").val(e.y.text);
          });
      });

  

 

posted @   _York  阅读(392)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示