精华内容
下载资源
问答
  • DataPicker

    2019-04-13 15:02:29
    时间日期选择器,该日期选择器高度,默认选择时间,颜色,字体大小,滑动弯曲效果,标题,取消,确定等等都支持自定义。详情参考Activity配置信息!
  • My97DataPicker

    2019-03-21 01:31:11
    NULL 博文链接:https://sd8089730.iteye.com/blog/933265
  • datapicker

    2017-03-20 11:38:08
    //日期控件 // today = moment().format("YYYY-MM-DD"); // var fiveday=moment().add(-365,'days').format("YYYY-MM-DD"); // var clrq=data.result[0][1].substr(0,10);
     //日期控件
                // today = moment().format("YYYY-MM-DD");
                // var fiveday=moment().add(-365,'days').format("YYYY-MM-DD");
                // var clrq=data.result[0][1].substr(0,10);
                // alert(clrq);
                // if(fiveday<clrq){
                //     fiveday=clrq;
                // }
                // $('#date1').val(fiveday);
                // $('#datetimepicker1').datetimepicker({
                //     format: 'YYYY-MM-DD',
                //     locale: 'zh-CN',
                //     maxDate: new Date(),
                //     minDate: clrq
                // });
                // $('#date2').val(today);
                // $('#datetimepicker2').datetimepicker({
                //     format: 'YYYY-MM-DD',
                //     locale: 'zh-CN',
                //     maxDate: new Date(),
                //     minDate: clrq
                // });
                // $("#datetimepicker1").on("dp.change", function (e) {
                //     $('#datetimepicker2').data("DateTimePicker").minDate(e.date);
                //     var date1=new Date(e.date);
                //     var year = date1.getFullYear();
                //     var month = date1.getMonth();
                //     year++;
                //     var day = date1.getDate();
                //     var hours = date1.getHours();
                //     var minutes = date1.getMinutes();
                //     var x=Date.UTC(year, month, day, hours, minutes);
                //     if(new Date(x)<new Date()){
                //         $('#datetimepicker2').data("DateTimePicker").maxDate(new Date(x));
                //     }
                // });
                // $("#datetimepicker2").on("dp.change", function (e) {
                //     $('#datetimepicker1').data("DateTimePicker").maxDate(e.date);
                //     var date1=new Date(e.date);
                //     var year = date1.getFullYear();
                //     var month = date1.getMonth();
                //     year--;
                //     var day = date1.getDate();
                //     var hours = date1.getHours();
                //     var minutes = date1.getMinutes();
                //     var x=Date.UTC(year, month, day, hours, minutes);
                //     if(clrq<e.date){
                //         $('#datetimepicker1').data("DateTimePicker").minDate(new Date(x));
                //     }
                // });
                // $('#datetimepicker1').data("DateTimePicker").minDate(clrq);
                // $('#datetimepicker2').data("DateTimePicker").minDate(clrq);

    展开全文
  • Datapicker

    2016-07-19 18:58:26
    1.Locale 设置DatePicker的地区,即设置DatePicker显示的语言。 1.跟踪所有可用的地区,取出想要的地区  NSLog(@"%@", [NSLocale availableLocaleIdentifiers]); ...2. 设置日期选择控件的地区 ...

    1.Locale

    设置DatePicker的地区,即设置DatePicker显示的语言。

    1.跟踪所有可用的地区,取出想要的地区

     NSLog(@"%@", [NSLocale availableLocaleIdentifiers]);

     

    2. 设置日期选择控件的地区

    [datePicker setLocale:[[NSLocale alloc]initWithLocaleIdentifier:@"zh_Hans_CN"]];

    效果:

    [datePicker setLocale:[[NSLocale alloc]initWithLocaleIdentifier:@"en_SC"]];

    效果:

     

     

    2.Calendar

    设置DatePicker的日历。

    默认为当天。

    [datePicker setCalendar:[NSCalendar currentCalendar]];

      

    3.timeZone

    设置DatePicker的时区。

    默认为设置为:[datePicker setTimeZone:[NSTimeZone defaultTimeZone]];

     

    4.date

    设置DatePicker的日期。

    默认设置为: [datePicker setDate:[NSDate date]];

      

    5.minimumDate

    设置DatePicker的允许的最小日期。

     

    6.maximumDate

    设置DatePicker的允许的最大日期。

     

    7.countDownDuration

    设置DatePicker的倒计时间.

     1) 设置日期选择的模

     [self.datePicker setDatePickerMode:UIDatePickerModeCountDownTimer];

     2) 设置倒计时的时长

    注意:设置倒计时时长需要在确定模式之后指定

     // 倒计时的时长,以秒为单位

    [self.datePicker setCountDownDuration:10 * 60];

    效果:

       

     

    8.minuteInterval

    你可以将分钟表盘设置为以不同的时间间隔来显示分钟,前提是该间隔要能够让60整除。默认间隔是一分钟。如果要使用不同的间隔,需要改变 minuteInterval属性:

    // 设置分钟间隔

        datePicker.minuteInterval = 15;

     

    9.datePickerMode

     9.1    UIDatePickerModeTime, 

    // Displays hour, minute, and optionally AM/PM designation depending on the locale setting (e.g. 6 | 53 | PM)

    显示小时,分钟和AM/PM,这个的名称是根据本地设置的

    [datePicker setDatePickerMode:UIDatePickerModeTime];

    效果图:

     

     

    9.2    UIDatePickerModeDate,        

     // Displays month, day, and year depending on the locale setting (e.g. November | 15 | 2007)

    显示年月日,名称根据本地设置的

    [datePicker setDatePickerMode:UIDatePickerModeDate];

    效果图:  

    9.3 默认是显示这种模式

        UIDatePickerModeDateAndTime,    // Displays date, hour, minute, and optionally AM/PM designation depending on the locale setting (e.g. Wed Nov 15 | 6 | 53 | PM)

        显示日期,小时,分钟,和AM/PM,名称是根据本地设置的

    [datePicker setDatePickerMode:UIDatePickerModeDateAndTime];  

    效果图:

     

     9.4 

      UIDatePickerModeCountDownTimer  // Displays hour and minute (e.g. 1 | 53)

           显示小时和分钟

       [datePicker setDatePickerMode:UIDatePickerModeCountDownTimer];

    效果图:

     

    10. UIDatePicker使用教程一。

    10.1初始化

    // 不用设置宽高,因为它的宽高是固定的

    UIDatePicker *datePicker = [[UIDatePicker alloc] init];

     

    10.2常用设置

    // 设置区域为中国简体中文

    datePicker.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh_CN"];

    // 设置picker的显示模式:只显示日期

    datePicker.datePickerMode = UIDatePickerModeDate;

     

    10.3UIDatePicker需要监听值的改变

    [datePicker addTarget:self action:@selector(dateChange:)forControlEvents:UIControlEventValueChanged];

     

    11.UIDatePicker使用教程二。

    11.1日期范围

    你可以通过设置mininumDate 和 maxinumDate 属性,来指定使用的日期范围。如果用户试图滚动到超出这一范围的日期,表盘会回滚到最近的有效日期。两个方法都需要NSDate 对象作参数:

    NSDate* minDate = [[NSDate alloc]initWithString:@"1900-01-01 00:00:00 -0500"];  

    NSDate* maxDate = [[NSDate alloc]initWithString:@"2099-01-01 00:00:00 -0500"];  

    datePicker.minimumDate = minDate;  

    datePicker.maximumDate = maxDate;  

     

     

    11.2 如果两个日期范围属性中任何一个未被设置,则默认行为将会允许用户选择过去或未来的任意日期。这在某些情况下很有用处,比如,当选择生日时,可以是过去的任意日期,但终止与当前日期。如果你希望设置默认显示的日期,可以使用date属性:

     datePicker.date = minDate;

     

    11.3 此外,你还可以用 setDate 方法。如果选择了使用动画,则表盘会滚动到你指定的日期:

     [ datePicker setDate:maxDate animated:YES];




    1 UIDatePicker *dp = [[UIDatePicker alloc] init];
     2     [dp setDate:[NSDate date] animated:YES];    // 设置日期控件值
     3     [dp addTarget:self
     4            action:@selector(dateValueChange:)
     5  forControlEvents:UIControlEventValueChanged];  // 时间改变时触发此事件
     6     
     7     NSDateFormatter *form = [[NSDateFormatter alloc] init]; // 定义时间格式
     8     [form setDateFormat:@"yyyy/MM/DD HH:mm"];
     9     NSString *dateString = [form stringFromDate:dp.date];
    10     dp.minuteInterval = 30; //  最小间隔30分钟
    11     
    12     dp.minimumDate = [NSDate date];     // 最小值
    13     dp.maximumDate = [NSDate dateWithTimeIntervalSinceNow:60*60*24*31]; // 最大值
    14     dp.datePickerMode = UIDatePickerModeTime;               // 时间模式
    15     dp.datePickerMode = UIDatePickerModeDate;               // 日期模式
    16     dp.datePickerMode = UIDatePickerModeDateAndTime;        // 日期和时间模式
    17     dp.datePickerMode = UIDatePickerModeCountDownTimer;     // 倒计时模式


    -(void)datapickerAction:(UIDatePicker *)picker

    {

        

          NSDate  *minuteDate=picker.date;

        NSDateFormatter *formattertwo=[[NSDateFormatteralloc]init];

        [formattertwo  setDateFormat:@"mm"];

        _minuteStr=[formattertwostringFromDate:minuteDate];


        NSDate  *houreDate=picker.date;

        NSDateFormatter *formatter=[[NSDateFormatteralloc]init];

        [formatter setDateFormat:@"HH"];

        _houreStr=[formatterstringFromDate:houreDate];

        

    }


    /**

     * 获取当前时间

     **/

    -(NSString *)getNowTime

    {

        NSDate *date=[NSDate date];

        NSDateFormatter *hourFormatter=[[NSDateFormatter alloc]init];

        [hourFormatter setDateFormat:@"HH"];

        _houre=[hourFormatter stringFromDate:date];

        NSDate *lastTime=[date dateByAddingTimeInterval:2* 60];

        NSDateFormatter *miuteformatter=[[NSDateFormatter alloc]init];

        [miuteformatter setDateFormat:@"mm"];

        _minute=[miuteformatter stringFromDate:lastTime];

        return [NSString stringWithFormat:@"%@:%@",_houre,_minute ];

    }








    展开全文
  • 日期控件 datapicker

    2014-06-20 15:29:39
    只需要引入js包,可直接在html中设置属性来实现对日期的控制,可以很方便的限制日期区间。
  • 97DataPicker用法

    2012-05-24 09:58:45
    详细介绍了该日历控件的用法,包涵了控件js文件 页面引用详细代码
  • 用于使用ElementUI中datapiacker 限制,已经封装好的方法,按年,按月,按天,几年前,几月前,几天前,选择限制。 相关信息可以直接看博客,效果一样 ...使用代码,需要输入一下npm i 之后输入 npm run dev
  • dataPicker 97 点击事件

    2019-10-20 11:03:57
    //datapicker97 点击事件 <div class="col-sm-8"> <#form:input path="productDate" readonly="true" maxlength="20" class="form-control Wdate" dataFormat="date" onclick="WdatePicker({onpicked:...
    //datapicker97 点击事件	
    <div class="col-sm-8">
    	<#form:input path="productDate" readonly="true" maxlength="20" class="form-control Wdate"
    	dataFormat="date" onclick="WdatePicker({onpicked:doWhateverYouLike, dateFmt:'yyyy-MM-dd',isShowClear:true});"/>
    </div>

     

    展开全文
  • android基础控件(1)TabHost实现选项卡 android基础控件(2)TabLayout+ViewPager实现选项卡 android基础控件(3)BottomNavigationView+Fragment...android基础控件(7)日期选择器(DataPicker) 首先使用DataPick

    android基础控件(1)TabHost实现选项卡
    android基础控件(2)TabLayout+ViewPager实现选项卡
    android基础控件(3)BottomNavigationView+FragmentLayout实现底层导航栏
    android基础控件(4)GridView实现网格视图
    android基础控件(5)Spinner实现下列列表框
    android基础控件(6)Chronometer实现计时器
    android基础控件(7)日期选择器(DataPicker)

    首先使用DataPicker实现一个简单的功能,点击某个日期,并将该日期在界面进行提示,如图:
    在这里插入图片描述

    1 activity_main

    首先在布局文件中添加DataPicker控件

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <DatePicker
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/data1"/>
    </LinearLayout>
    
    2 MainActivity

    在活动中获取Calendar的实例,以获取当前的年、月、日等信息(上图中红色显示部分),然后调用init方法对DataPicker控件初始化,该方法接收四个参数,分别是刚刚获取到的Calendar的年月日以及日期改变监听器。监听器负责监听选择器上日期的改变,在监听器的onDateChanged方法中,我们做的处理是将选择的日期赋值给Calendar(红色部分跟着改变)。

    public class MainActivity extends AppCompatActivity {
        private int year, month, day;
        private DatePicker datePicker;
        @Override
        protected void onCreate(final Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            datePicker = findViewById(R.id.data1);
            Calendar calendar = Calendar.getInstance();
            year = calendar.get(Calendar.YEAR);
            month = calendar.get(Calendar.MONTH);
            day = calendar.get(Calendar.DAY_OF_MONTH);
            datePicker.init(year, month, day, new DatePicker.OnDateChangedListener() {
                @Override
                public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
                    MainActivity.this.year = year;
                    MainActivity.this.month = monthOfYear;
                    MainActivity.this.day = dayOfMonth;
                    show(year, monthOfYear, dayOfMonth);
                }
            });
        }
        private void show(int year, int month, int day) {
            String data = year + "年" + (month + 1) + "月" + day + "日";
            Toast.makeText(MainActivity.this, data, Toast.LENGTH_LONG).show();
        }
    }
    

    展开全文
  • DataPicker的详细讲解

    千次阅读 2016-11-30 17:18:18
    1.DataPicker的简介  DataPicker是一款日期选择控件,当然github上已有开源;今天借花献佛,我就跟大家讲讲DataPicker。在项目中的个人中心一般都要设置出生年月,那么DataPicker将是最好的选择,莫激动,先看看...
  • 自定义时间选择器,可设置各种时间格式,可修改样式,项目中比较常用,包含完整的文件以及代码示例.........
  • DataPicker时间控件

    2016-02-22 16:27:14
    DataPicker控件完整代码,直接引用js文件就可以使用
  • data-picker 日期选择控件 需求:需要实现一个日期选择功能,能够输入开始日期 结束日期,展示格式为yyyy-MM-dd,整个数值返回为一个数值(例如:[2020-01-02,2020-01-03]) 细节要求: 当前时间之前日期不可选择 ...
  • 公司项目里用到了TimePicker和DataPicker,但是因为项目用的版本较低,所以TimePicker和DataPicker显示出来的样式不怎么美观,那种黑白的,实在看不下去,于是自己定义了两个控件,拿出来分享一下首先封装一个输入框...
  • 自定义DataPIcker和TimePicker,多级联动,可自定义样式
  • datapicker 的使用

    2016-04-21 15:20:57
    1、项目中用到datepicker的日期选择。 2、加入jquery.js 、juqery-ui.js 和jquery-ui.css 文件 3、 加载datepicker  $("input").datepicker({  dayNames : [ "日", "一", "二", "三", "四", "五", "六" ], ...
  • 在template中 <el-date-picker v-model="timeData" type="daterange" size="mini" range-separator="至" start-placeholder="开始日期
  • DataPicker和TimePicker

    2017-10-03 11:27:41
    今天我学习了DataPicker和TimePicke的基本用法 注意事项,Diallog的方法后面要添加 show,不然不会显示 月份的开始是从零开始的,一般用month=calendar.get(Calendar.MONTH);加上1,看情况而定public class ...
  • 主要内容是对日期选择器datapicker的一些用法,包括日期的选择、最小时间的设置、时间范围的设置以及输入数据的采集。 效果如下图: html: <!doctype html> ®"> , initial-scale=1, maximum...
  • 最近毕业设计在做一个招聘网站的项目,日期选择器模仿了前程无忧的效果,效果如下: 代码如下: <template> <el-form :model="formModel" ref="formModel" ...el-form-item label="开始工作年月" prop=...
  • DataPicker 日期选择器

    2016-06-02 22:43:15
    这里实现的是当没有进行选择的时候 dataLabel显示当前的时间 当进行选择后它显示选择的时间 ...@property (nonatomic, strong) UIDatePicker *dataPicker; @property (nonatomic, strong) UILabel *dataLabel; @end@imp
  • 从android高版本中提取出来的滚动式时间选择控件,android低版本中也可以使用滚动式的时间选择控件了。
  • Android日历(Calendar,dataPicker

    千次阅读 2016-03-26 09:02:31
    Android 日历(Calendar) 众所周知 Android 日历控件一直备受诟病,特别是在Android4.0之前,android2.3之前的日历样式是长这样的: android4.0之后,并且在Android5.1之前,样式是这样的,而且现在我们好多app...
  • 使用DataPicker及TimePicker显示当前时间

    千次阅读 2016-01-28 15:43:07
    1、DataPicker对象以init()这个方法来指定DatePicker初始的年、月、日及OnDateChangeListener()的事件;而TimePicker对象则是直接以setOnTimeChangedListener()事件来处理时间改变时程序要做的操作。 2、...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,863
精华内容 745
关键字:

datapicker