时间选择器

省市区/日期三级联动

（时间选择器、省市区三级联动）
def294ec8e5b·2023-08-08 04:37

自己动手写一个移动端日期选择器组件

有同学可能会问了，uni-app本身不是就有picker，mode=time的时候就是时间选择器了吗，为什么还要自己写一个？
Dandelion_drq·2023-08-07 19:16

Grafana 修改默认时间间隔（时间选择器）

1、找到需要修改仪表盘的设置2、修改json文件"time":{"from":"now-24h","to":"now"},把24h修改为你想要的时间间隔，修改好保存。s----秒h----时m---分d----天w---周M--月y---年
mqq1055710446·2023-08-06 01:23

element 中 el-date-picker 时间选择器时间跨度设置 7天

用el-date-picker实现日历的跨度七天。data(){return{startDatePicker:this.beginDate(),endDatePicker:this.endData(),}}beginDate(){constself=this;return{disabledDate(time){if(self.form.endTime){//如果结束时间不为空，则小于结束时间//e
前端vue·2023-08-05 11:30

uni-app 自带的picker封装一个日期-时间选择器

首先看下最终效果设置数据importmomentfrom'moment';constdateArr=[]for(leti=0;i{{moment(travelDate).format('MM月DD日HH:mm')}}jsexportdefault{data(){return{travelDate:'',moment:moment}},methods:{dateTimeChange(e){const
榴莲不好吃·2023-08-05 02:51

uniapp日期时间选择器的实现

由于项目需求需要，尝试过使用Vant组件库但是一直出现问题插件市场的插件又不太符合需求，使用就查了相关资料，最终捣鼓的效果如下：首先现在根目录下创建util文件夹放dateTimePicker.jsdateTimePicker.jsfunctionwithData(param){returnparam//匹配defaultDate[index]值在current数组中的位置dateTime.pus
繁花&遇见·2023-08-03 20:38

layui时间选择器限制开始时间不能大于结束时间

laydate.render({elem:'#accountStartTime',done:function(value,data){console.log("accountStartTime:"+value)varendTime=newDate(layui.jquery('#accountExpireTime').val()).getTime();varstartTime=newDate(val
科学熊·2023-08-03 17:14

el-date-picker 时间选择器 自定义年月日格式

el-date-picker时间选择器自定义年月日三种选择年后，选月份时会默认所选年份，日期一样当自选日期后，年份月份也会与当前选择一致代码年月日data(){return{selectYear:'',
Roottt_·2023-08-02 22:40

element时间选择器 选择后不显示时间

问题：element时间选择器有默认值，但没有解析出来，直接选择时间无效，必须删除默认时间（今天）之后再选择才会出现时间
qq_44472859·2023-08-02 06:29

element时间选择器的默认值

概览：vue使用element组件，需要给时间选择器设置默认值，场景一：默认时间选择器，场景二：时间范围选择器，开始时间和结束时间。
影子信息·2023-08-02 06:25

elementUI设置日期时间选择器只能选择当前及之后的时间

方法一：至data(){return{//设置只能选择当前日期及之后的日期pickerOptions:{disabledDate(time){//如果没有后面的-8.64e7就是不可以选择今天的returntime.getTime()pickerOptions:{disabledDate(time){returntime.getTime()Date.now()//选当前时间之前的时间}},
icanflydd·2023-08-01 05:10

自定义日历.element-ui 修改时间选择器样式

一、自定义日历目录一、自定义日历二、时间选择样式自定义先上效果图一、自定义日历组件已经封装成vue组件，可选择切换年月：{{formatWeek(index)}}{{lastMonthStartDay+o-1}}{{day}}{{day}}importzhcnfrom"element-plus/lib/locale/lang/zh-cn";//letlocal=zhcnexportdefault{
蜗牛前端·2023-07-29 09:09

flutter 实现自定义时间选择器

最近开始写flutter，有个简单的需求就是按照，设计样子写个时间选择器。这个就是设计需要的样子，底部弹出选择时间，分为三个小滚轮分别选择天，时，分，返回一个datetime。
ylgd·2023-07-29 07:15

【Flutter】【日期选择框】DatePickerDialog，showTimePicker和CupertinoDatePicker，CupertinoTimerPicker

二、使用步骤1.DatePickerDialog2.CupertinoDatePicker3.时间选择器1.showTimePicker2.CupertinoTimerPicker4.显示为中文总结前言一
Cartoon SuperMan·2023-07-29 05:15

开发所需轮子，持续更新

XPopup弹窗XPopupExt时间选择器和城市选择器FlycoTabLayout底部和顶部tab切换自定义viewcom.google.android.material.tabs.TabLayout
next_discover·2023-07-29 05:07

vue3中使用elementPlus的DateTimePicker 日期时间选择器限制选择当前时间以前的时间

constdisabledDateFn=(time:any)=>{returntime.getTime()
晚风914·2023-07-28 23:26

动态表单-根据配置字段一键生成表单

预览动态表单效果在文章最后动态表单校验立即创建重置回显1、处理接口返回的数据、表单的输入框类型表单的输入框有很多种，例如：输入框、下拉选择框、时间选择器、单选器、多选器、switch开关、文本域等。
DCodes·2023-07-27 15:40

uniapp实现预约时间选择弹窗组件

做了个组件，实现出当日预约时间组件，效果图如下废话不多说，直接上代码，代码简单，参数自己任意改选择预约时间{{nowWeek}}{{item.time}}{{item.time}}/***自定义时间选择器
猿音·2023-07-27 12:49

vant-ui，DatetimePicker时间选择器选择到秒

vant-ui的DatetimePicker组件只能选择年月日时分，可能是组件维护者认为秒的选择用途不多，但是今天的需求中就是需要选择年月日时分秒所以就对DatetimePicker的组件封装成了可以选择年月日时分秒，直接上代码：封装成组件：exportdefault{name:"popup",props:["showPicker","values"],data(){return{isPicker
喜陈·2023-07-26 10:52

92.qt qml-日期/日期时间/时间选择器(日历选择器)

自定义日历组件(支持竖屏和横屏)_qml日历_诺谦的博客-CSDN博客但是该组件内部代码比较坑的就是全部使用自定义对象，导致性能不行，动画卡顿，并且不好加时间选择，所以本章我们重新学习，然后重构一个日期时间选择器
诺谦·2023-07-26 07:07

element-ui日期时间选择器限制时间的可选择的范围，只能选五分钟之内的时间

只能选择今天的当前时间的五分钟之内。首先控制日期只能选择今天disabledDate:time=>{returntime.getTime()>newDate()||time.getTime(){returntime.getTime()>newDate()||time.getTime()data里面定义dafaulttime:"",value1:'',methods:{getTime(type){v
夏天想·2023-07-25 20:18

Element-ui 时间选择器 控制3个月3年等等不能选择案例

前言：开发中遇到需求控制三个月前或者后不能选择、控制三年前或者三年后选择时间范围案例，请看demo：pickerOptions:{//返回值表示不可选的区间YES代表不能选中NO代表可以选中disabledDate(time){letdate=newDate()//获取当前时间letyear=date.getFullYear()+3//控制时间年之前用-之后用加letmonth=date.getM
含羞草恋上梦昙花·2023-07-25 05:33

H5 移动端 时间选择器

本选择器，自己填充内容（li的文本），只是做了一个大概的样式，其它的有需要者自己去改.pic{margin:auto;position:absolute;top:0;bottom:0;right:0;}.date_picker{width:90%;margin:0auto;border:1pxsolid#ccc;min-height:245px;background:#jjj;position:r
小三金·2023-07-25 00:30

Uniapp小程序 时间段选择限制（开始日期 结束日期相互限制）

效果图：1.在这里我使用的是uview中的日期时间选择器，初始话的时候将可选的最小时间设置为当前时间的时间戳，并将开始时间的可选的最大时间初始化为10年后（方便之后做限制操作）2.在确定选择开始时间的时候将结束时间可选的最小时间设置为所选开始时间的时间戳
前端小趴菜、·2023-07-24 14:46

uniapp 小程序 picker 日期时间段选择（精确到年月日时分+周几）

效果图：picker时间选择器精确到年月日时分+周几需要引入moment.js，有可能引入后在项目内会报错，可以考虑把选择日期作为一个组件引入1、timepage.vue组件封装请选择{{moment(
maoge_666·2023-07-24 14:13

laydate设置两个时间选择器后面的时间大于前面的

//开始时间时间letstart_a=laydate.render({elem:'#beginTime',trigger:'click',//采用click弹出theme:'#3278F0',done:function(value,date,endDate){end.config.min={year:date.year,month:date.month-1,date:date.date,};//开
十三月呀·2023-07-22 09:35

layui 的时间选择器选中本日，本周，本月

/***时间选择器***/letdata=newDate();letmonthCurr1=data.getMonth()+1;letyearCurr=data.getFullYear();letday;
十三月呀·2023-07-22 09:05

Android 时间选择器实现

1、添加依赖：在build.gradle中添加implementation'com.contrarywind:Android-PickerView:4.1.3'2、代码中进行初始化pvTime=newTimePickerBuilder(this,newOnTimeSelectListener(){@OverridepublicvoidonTimeSelect(Datedate,Viewv){tv_
志尊宝·2023-07-19 16:11

React查询、搜索类功能的实现

state，也就是null或者未定义，这样的话初始请求的还是整个列表，然后将这些state放入useEffect的依赖中，也就是第二个参数的数组中，然后在一些查询相关的组件中，如下拉选项、Search搜索框、时间选择器等
小毕学习代码·2023-07-19 12:43

html学习总结

@import"mystyle.css"二、types:2.1button按钮2.2checkbox打勾方框提示语2.3color颜色选择面板value用于确定初始的颜色提示语2.4date时间选择器value
吾浴西风·2023-07-19 07:09

jquery.date.min.js 时间选择器 moment.min.js jquery.min.js

jQueryDate@font-face{font-family:'icon';src:url('font/iconfont.eot');src:url('font/iconfont.eot?#iefix')format('embedded-opentype'),url('font/iconfont.woff2')format('woff2'),url('font/iconfont.woff')f
linlinlove2·2023-07-17 10:21

微信小程序使用vant时间选择器二次封装成自定义区间时间选择

目录1.引入vant组件库2.wxml页面3.js页面1.引入vant组件库1.安装vant#通过npm安装npmi@vant/weapp-S--production#通过yarn安装yarnadd@vant/weapp--production#安装0.x版本npmivant-weapp-S--production2.将app.json中的"style":"v2"去除3.在project.conf
白云~️·2023-07-16 08:01

React查询、搜索类功能的实现

state，也就是null或者未定义，这样的话初始请求的还是整个列表，然后将这些state放入useEffect的依赖中，也就是第二个参数的数组中，然后在一些查询相关的组件中，如下拉选项、Search搜索框、时间选择器等
仙鹤童子```·2023-07-15 20:46

flutter开发实战-生日等日期选择器DatePicker

flutter开发实战-生日等日期选择器DatePicker在开发遇到设置生日等信息需要选择日期，这里用到的是CupertinoDatePickeriOS效果的日期、时间选择器一、效果图运行后效果图如下二
BruceGerGer·2023-07-15 01:50

02.el-date-picker组件只可以选择为了时间，精确到时分秒

下面代码为时间选择器datetime可以精确至时分秒，下面使用handlePickerOptions方法来处理需求至1.不可选择过去及当天时间（开始时间和结束时间没有做比较）data(){return{
仙女不下凡·2023-07-14 06:38

elementui的日期时间选择器的icon位置调整

elementui的日期时间选择器的icon位置调整一、左侧icon隐藏，右侧icon添加class时间选择器默认icon在左侧，现在想把icon跳转到右侧一、左侧icon隐藏，右侧icon添加class.el-range
程序媛_MISS_zhang_0110·2023-07-14 05:02

微信小程序中常见组件的使用

viewscroll-viewswipermovable-area基础组件icontextrich-textprogress表单组件buttoncheckbox、checkbox-grouplabelforminputpicker单列选择器多列选择器时间选择器
知识汲取者·2023-07-14 04:23

【SAP UI5 控件学习】DAY04 Input组Part IV 完结&&List组Part I

1.时间选择器TimePicker和DataPicker类似，TimePicker允许用户选择相应的时间。它有以下一些比较常用的属性。
lyx7762·2023-07-14 02:30

小程序项目时间选择器用法

项目需求是要实现这种形式,但是相信大家都试了各种插件,都不太合适,uView框架也不能满足自己的需要;推荐使用:uview-ui-plus基本上小程序遇到的单选多选日期省市区都可以完美的实现,可以通过插件市场安装使用但是要实现ui给的原型图还需要做一下调整弹性布局给两个选择器至可以给结束时间加上一个默认当前时间form:{start:"",end:newDate().toISOString().s
前端小灰狼·2023-07-13 22:34

Layui时间选择器，Layui时间控件选择时间范围的方法

官方文档：https://www.layui.site/doc/modules/laydate.html通用时间渲染函数functionrenderTime(elem,type,value,range,fn){layui.laydate.render({elem:elem,//绑定元素type:type,//时间类别value:value,//默认值range:range,//是否开启时间范围do
啾比特·2023-06-21 18:22

记录--设计一个可选择不连续的时间范围的日期选择器

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助npm包：sta-datepicker效果图需求普通的时间选择器要么只能单选，要么只能选范围，不可以随意选择若干个时间，同时大多数现成的时间选择器选择结束会收起来
林恒smileZAZ·2023-06-21 16:26

2022-07-19GYTimeSelectPicker

//时间选择器#importtypedefvoid(^GYTimeSelectPickerBlock)(NSString*timeString);@interfaceGYTimeSelectPicker
管饱饱·2023-06-19 16:50

隐藏elemeent-ui中日期选择器的清空按钮,清空图标

所以只需要在日期时间选择器标签里面写上这个属性为false就好了那么隐藏清空按钮怎么写呢?
爱前端的小周同学·2023-06-14 11:57

【收获】2019-12-13周五

1查处没有角色的用户select*fromawherea.idnotin(selectb.idfromb)2mybatisplus可以查询某几个字段，条件查询用查询的包装类封装3datepicker的时间选择器
江南皮哥厂·2023-06-14 07:20

el-date-picker 时间选择器只能选择今天及以后的日期

importdayjsfrom'dayjs';//限制时间选择器只能选择今天及以后的日期constdisabledFn=(val:any)=>{returnval.getTime(){if(!
曲小强·2023-06-13 13:22

vue中合并elementui日期和时间选择器

引言:我们经常使用elementl里的el-date-picker和el-time-picker标签但是有时候有需求需要获取一个完整的年月日分时秒的时候我们的标签就有局限了需要我们手动处理数据代码//选择的日期-//选择的时间//datatart_time:newDate(),tart_time1:newDate(),//处理方法varyear=this.tart_time.getFullYear
让世界更web一点·2023-06-12 03:33

uni-app时间选择器并选择时间段

效果图：1.在script中引用自定义组件：mx-datepicker.vueimportMxDatePickerfrom"@/components/mx-datepicker/mx-datepicker.vue";2.注册组件：components:{MxDatePicker},3.新建时间选择页面代码：日期选择-示例{{date}}选择日期{{time}}选择时间{{datetime}}选择日
yyxhzdm·2023-06-11 23:36

u-view组件库 时间选择器u-datetime-picker 设置最小日期事件，最多到1970年1月1日，解决办法

关键的这两个属性，注意一定是number！！踩坑血泪史onLoad(){this.todayData=Date.now();this.minDate=Number(newDate('1950-01-01'));},
柑橘乌云_·2023-06-09 15:28

Flatpickr教程：使用JavaScript快速创建一个自定义日期选择器

Flatpickr是一个轻量级、快速、灵活的JavaScript日期选择器，具有很多功能，如时间选择器、本地化支持、多种日期格式等。Flatpi
正经人_____·2023-06-09 05:50

微信小程序之日期时间筛选器实现（支持年月日时分）

由于较多朋友有源码需求，我抽了个时间整理了一下代码，并对一年前的代码进行了升级和优化，并放在我github上，有需要的自取：微信小程序日期时间选择器原理筛选器的实现，我参考的是小程序官方方式，
就是有点怕怕·2023-06-08 22:23
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他