精华内容
下载资源
问答
  • 年份选择器

    2020-04-26 16:04:06
    DatePickerss("#fld_BILLDATE"); function DatePickerss(beginSelector) { ... // 仅选择年份     $(beginSelector).datetimepicker(     {         startView: ‘deca...

    DatePickerss("#fld_BILLDATE");

    function DatePickerss(beginSelector) {
        // 仅选择年份
        $(beginSelector).datetimepicker(
        {
            startView: ‘decade’,
            minView: ‘decade’,
            format: ‘yyyy’,
            maxViewMode: 2,
            minViewMode: 2,
            autoclose: true
        })
    };

    我自己添加了一个,如果是后台只获取年份,就用:int Year = DateTime.Now.Year;

    原文网址:https://blog.csdn.net/kobe1qiqi/article/details/52945863
    ————————————————
    版权声明:本文为CSDN博主「User:你的影子」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/weixin_44831306/article/details/103695052

    展开全文
  • // 加载年份选择器 function loadYearSel(){ //设置年份的选择 var myDate= new Date(); var startYear=myDate.getFullYear()-50;//起始年份 var endYear=myDate.getFullYear()+50;//结束年份 var obj=...
    // 加载年份选择器
        function loadYearSel(){
            //设置年份的选择
            var myDate= new Date();
            var startYear=myDate.getFullYear()-50;//起始年份
            var endYear=myDate.getFullYear()+50;//结束年份
            var obj=document.getElementById('year')
            for (var i=startYear;i<=endYear;i++)
            {
                obj.options.add(new Option(i,i));
            }
            obj.options[obj.options.length-51].selected=1;
        }
        // 加载年份选择器
        function loadMonthSel(){
            //设置年份的选择
            var myDate= new Date();
            var obj=document.getElementById('month')
            for (var i=1;i<=12;i++)
            {
                obj.options.add(new Option(i,i));
            }
            obj.options[myDate.getMonth()+1].selected=1;
        }
    
    展开全文
  • 它包括android数字/间隔选择器,可用作年份选择器,月份选择器和任何持续时间的选择器。 它还包括非常需要的“材料性别选择器”对话框。 #屏幕截图 ##编译库jCenter dependencies { .... compile ' ...
  • laydate使用年选择器的时候 希望在鼠标点击年份后,窗口就关闭了。但是并没有 解决办法: // 检索年份初始化事件 laydate.render({ elem : '#year', type : 'year', theme : 'molv', change : function...

    效果:

    问题:

    laydate使用年选择器的时候  希望在鼠标点击年份后,窗口就关闭了。但是并没有

    解决办法:

     // 检索年份初始化事件
        laydate.render({
    	elem : '#year',
    	type : 'year',
    	theme : 'molv',
    	change : function(value, date) {
    	    $("#year").val(value);
    	},
    	ready : function(date) {
    	    $(".layui-laydate").off('click').on('click', '.layui-laydate-list li', function() {
    		$(".layui-laydate").remove();
    	    });
    	}
        });

    配合change事件和ready初始打开的事件,可以解决

      

    展开全文
  • 有效分辨闰年二月份天数,可修改年月...--时间选择器--><picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="...

    a1f31646b4f23fd367d0268818f455b8.png

    有效分辨闰年二月份天数,可修改年月日日期展示,话不多说直接上代码:

    wxml:

    <!--时间选择器-->
    <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}">
    <input value='{{time}}' placeholder='选择时间'/>
    </picker>

    JS:

    //日期选择器
    //定义年、月、日的数组都为空
    const date = new Date();
    const years = [];
    const months = [];
    const days = [];
    const hours = [];
    const minutes = [];
    //获取年
    for (let i = 2018; i <= date.getFullYear() + 5; i++) {
    years.push("" + i);
    }
    //获取月份
    for (let i = 1; i <= 12; i++) {
    if (i < 10) {
    i = "0" + i;
    }
    months.push("" + i);
    }
    //获取日期
    for (let i = 1; i <= 31; i++) {
    if (i < 10) {
    i = "0" + i;
    }
    days.push("" + i);
    }
    //获取小时
    for (let i = 0; i < 24; i++) {
    if (i < 10) {
    i = "0" + i;
    }
    hours.push("" + i);
    }
    //获取分钟
    for (let i = 0; i < 60; i++) {
    if (i < 10) {
    i = "0" + i;
    }
    minutes.push("" + i);
    }
    Page({
    data: {
    time: '', multiArray: [years, months, days, hours, minutes],
    multiIndex: [0, 9, 16, 10, 17],
    choose_year: '',
    },
    onLoad: function () {
    //设置默认的年份
    this.setData({
    choose_year: this.data.multiArray[0][0]
    })
    },
    //获取时间日期
    bindMultiPickerChange: function (e) {
    // console.log('picker发送选择改变,携带值为', e.detail.value)
    this.setData({
    multiIndex: e.detail.value
    })
    const index = this.data.multiIndex;
    const year = this.data.multiArray[0][index[0]];
    const month = this.data.multiArray[1][index[1]];
    const day = this.data.multiArray[2][index[2]];
    const hour = this.data.multiArray[3][index[3]];
    const minute = this.data.multiArray[4][index[4]];
    // console.log(`${year}-${month}-${day}-${hour}-${minute}`);
    this.setData({
    time: year + '-' + month + '-' + day + ' ' + hour + ':' + minute
    })
    // console.log(this.data.time);
    },
    //监听picker的滚动事件
    bindMultiPickerColumnChange: function (e) {
    //获取年份
    if (e.detail.column == 0) {
    let choose_year = this.data.multiArray[e.detail.column][e.detail.value];
    console.log(choose_year);
    this.setData({
    choose_year
    })
    }
    //console.log('修改的列为', e.detail.column, ',值为', e.detail.value);
    if (e.detail.column == 1) {
    let num = parseInt(this.data.multiArray[e.detail.column][e.detail.value]);
    let temp = [];
    if (num == 1 || num == 3 || num == 5 || num == 7 || num == 8 || num == 10 || num == 12) { //判断31天的月份
    for (let i = 1; i <= 31; i++) {
    if (i < 10) {
    i = "0" + i;
    }
    temp.push("" + i);
    }
    this.setData({
    ['multiArray[2]']: temp
    });
    } else if (num == 4 || num == 6 || num == 9 || num == 11) { //判断30天的月份
    for (let i = 1; i <= 30; i++) {
    if (i < 10) {
    i = "0" + i;
    }
    temp.push("" + i);
    }
    this.setData({
    ['multiArray[2]']: temp
    });
    } else if (num == 2) { //判断2月份天数
    let year = parseInt(this.data.choose_year);
    console.log(year);
    if (((year % 400 == 0) || (year % 100 != 0)) && (year % 4 == 0)) {
    for (let i = 1; i <= 29; i++) {
    if (i < 10) {
    i = "0" + i;
    }
    temp.push("" + i);
    }
    this.setData({
    ['multiArray[2]']: temp
    });
    } else {
    for (let i = 1; i <= 28; i++) {
    if (i < 10) {
    i = "0" + i;
    }
    temp.push("" + i);
    }
    this.setData({
    ['multiArray[2]']: temp
    });
    }
    }
    console.log(this.data.multiArray[2]);
    }
    var data = {
    multiArray: this.data.multiArray,
    multiIndex: this.data.multiIndex
    }; data.multiIndex[e.detail.column] = e.detail.value;
    this.setData(data);
    console.log(this.setData)
    },
    })

    展开全文
  • 通过自定义 View 来实现一个时期时间选择器,可以放在底部也可以放在中间位置弹出,先来一张效果图:MDatePickerDialog.gif下面简述一下实现过程:基本思路Baseline计算如何实现滚动具体绘制MDatePickerDoialog的...
  • mui 如何设置只有年份选择器

    千次阅读 2017-08-24 10:41:57
    日期选择器上mui给了很多类型,但是在项目中使用到的只存在年份,该如何设置那? 1.引入mui的任一选择器保证选择器能够正常运行 2.将这两个注释的文件引入自己的页面中,注意先后顺序,放在 picker.min.css和 js ...
  • 本文仔细介绍了中继制作手机版日历的步骤与注意要点,希望对你有所启发。今天和大家分享怎么用中继制作手机版的日历。该原型使用方便,可直接使用,而且交互齐全完善,所以推荐给大家使用。这期的内容,数学公式...
  • 需求:年份选择组件(代码附在最后) 公司的很多项目需要使用年份选择功能,之前用的是select,感觉不是很合理,那我决定手撸一个YearPicker, 先看图效果图 功能 1,支持深浅两种配色, 2,默认禁用今年以后的年份...
  • vue.js城市选择框组件 每月选票 (vue-monthly-picker) ... Vue每月选择器组件。 View demo 查看演示 Download Source 下载源 安装 (Install) npm install vue-monthly-picker --save import VueMonthlyPicker ...
  • Ant Design封装年份选择组件

    千次阅读 2020-04-19 18:11:00
    但是在antd2.x的版本中,antd的DatePicker组件还没有mode属性,不能单独设置为年份选择器。虽然antd3.x添加了mode属性,但是我在使用的过程中还是发现了一些问题,官网中也有提到相应解决方案,但是并没有完全解决我...
  • ios 横向滑动选择器 年份+月份
  • var options = "";... //设置年份选择 var myDate = new Date(); var startYear = myDate.getFullYear() - 5;//起始年份 var endYear = myDate.getFullYear();//结束年份 var obj = document.get.
  • 添加日期选择器,选择年份 1、打开/application/admin/view/classification/index.html,只需要年份 <input type="text" class="form-control datetimepicker datetimepickerY" name="year" value="{:date...
  • 一、需求前言 在报表开发过程中,经常会以年份或者年月作为查询条件,而...如何开发出更好用的年份、年月选择器呢?今天我就以dateedit控件为基础控件,为大家构造一个比较实用的年份、年月选择器控件。 二、需...
  • 1表示小时,2表示天,3表示月,4表示年 startView : 4, // 选择器所能够提供的最精确的时间选择视图 // 0表示分钟(默认),1表示小时,2表示天,3表示月,4表示年 minView : 4, language : 'zh-CN', //显示语言为中文 });...
  • //开始年份 var ksnf = $("#lxtj_ksnf").kendoDatePicker({ start: "decade", depth: "decade", format:"yyyy", }).data("kendoDatePicker"); //结束年份 var jsnf = $("#lxtj_jsnf").kendoDatePicker({ start:...
  • antd vue时间选择器(年选择器

    千次阅读 2020-08-31 23:46:30
    最近项目中用到了antd vue,项目中的版本是1.5.2版本,在做日期选择器时发现只有日,周,月份选择器,独独缺少年份选择器,如果你的项目也是怕升级对整体影响太多,不妨试试下面这种方式来达到年份选择效果。...
  • <el-date-picker type="year" value-format="yyyy" :picker-options="pickerOptions" </el-date-picker> pickerOptions:{ disabledDate(time) { return time.g...
  • 日期时间选择器.zip

    2019-11-26 18:33:21
    本控件开发适合前端开发人员学习沟通,其中包含了bootstrap、bootstrap-datetimepicker、bootstrap-datepicker的使用开发,几乎涵盖了多种时间选择器的写法,其中包括日期选择器、月份选择器、年份选择器、时间选择...
  • <p>I am new to Moodle and need some assistance creating (year only) date selector. In the code below I have a few entry fields.... <p>If possible, I would like to customize the bottom 2 <strong>date ...
  • 年份、月份、日份、日期范围选择器,9种类型
  • a-select v-model="queryParam.year" placeholder="请选择检查年份"> <a-select-option v-for="(item,index) in listYear" :value="item.value" :key="index">{{ item.key }}</a-select-option> <...
  • vue+element项目中,日期选择器如何自动获取当前年份; import moment from ‘moment’; 在定义时直接使用year: moment().format(‘YYYY’),此模块若用js则无法给予赋值; 顺便记录下Element-UI-时间选择器的另一...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 417
精华内容 166
关键字:

年份选择器