- date ios_ios-datepicker - CSDN
  • m-date-picker 基于 React,提供了 iOS 风格的日期选择方式,与原生 Datepicker 非常相似。 主页: https://github.com/react-component/m-date-picker Demo: ...

    m-date-picker 基于 React,提供了 iOS 风格的日期选择方式,与原生 Datepicker 非常相似。
    主页: https://github.com/react-component/m-date-picker
    Demo: http://react-component.github.io/m-date-picker/examples/popup.html
    推荐: ★★★★★
    优点: 使用流畅,与原生 Datepicker 非常相似;功能强大,能满足一般需求
    不足: 暂无


    官方给的demo 是基于源码内部引用的,与我们实际npm i 以后集成使用有差别的, 现提供实际引用的代码:

    npm  i rmc-date-picker --s
    基于rmc-date-picker@6.0.8 示例
    import 'rmc-picker/assets/index.css';
    import 'rmc-date-picker/assets/index.css';
    import 'rmc-picker/assets/popup.css';
    import zh_CN from 'rmc-date-picker/lib/locale/zh_CN';
    import DatePicker from 'rmc-date-picker/lib/DatePicker';
    import PopPicker from 'rmc-date-picker/lib/Popup';
    
    class Demo extends React.Component{
      constructor(props) {
        super(props);
        this.state = {
          date: null,
        };
      }
    
      onChange = (date) => {
        console.log('onChange', this.format(date));
        this.setState({
          date,
        });
      }
    
       format=(date)=>{
            let mday = date.getDate();
            let month = date.getMonth() + 1;
            month = month < 10 ? `0${month}` : month;
            mday = mday < 10 ? `0${mday}` : mday;
            return `${date.getFullYear()}-${month}-${mday} ${date.getHours()}:${date.getMinutes()}`;
       }
    
      onDismiss = () => {
        console.log('onDismiss');
      }
    
      render() {
        const { date } = this.state;
        const datePicker = (
          <DatePicker
            rootNativeProps={{'data-xx': 'yy'}}
            minDate={new Date(2015, 8, 15, 10, 30, 0)}
            maxDate={new Date(2019, 8, 15, 10, 30, 0)}
            defaultDate={new Date()}
            mode={'date'}
            locale={zh_CN}
          />
        );
        return <div style={{ margin: '10px 30px' }}>
          <h2>popup date picker</h2>
          <div>
            <PopPicker
              datePicker={datePicker}
              transitionName="rmc-picker-popup-slide-fade"
              maskTransitionName="rmc-picker-popup-fade"
              title={'选择日期'}
              date={date}
              okText={'确认'}
              dismissText={'取消'}
              onDismiss={this.onDismiss}
              onChange={this.onChange}>
              <p>点我</p>
             //触发弹框显示 只需在此处放任意标签即可
            </PopPicker>
          </div>
        </div>;
      }
    }

    Screenshots

    web

    ios

    android

    API

    DatePicker props

    name description type default
    className(web) additional css class of root dom node String
    prefixCls(web) prefix class String ‘rmc-date-picker’
    pickerPrefixCls(web) picker prefix class String ‘rmc-picker’
    defaultDate default selected date. Date
    date The currently selected date. Date
    mode The date picker mode. String ‘date’ enum(‘date’, ‘time’, ‘datetime’, ‘year’, ‘month’)
    minDate min date Date 2000-1-1
    maxDate max date Date 2030-1-1
    locale the locale of area Object import from ‘rmc-date-picker/lib/locale/en_US’
    use12Hours 12 hours display mode Boolean false
    minuteStep The amount of time, in minutes, between each minute item.  Number 1
    onDateChange Date change handler. Function(date: Date)
    onValueChange fire when picker change (vals: any, index: number) => void
    formatMonth Customize display value of months (month:number, current:Date) => React.Node
    formatDay Customize display value of days (day:number, current:Date) => React.Node

    rmc-date-picker/lib/Popup props

    name description type default
    className(web) additional css class of modal node String
    style(web) additional modal style object {}
    popupTransitionName(web) String
    maskTransitionName(web) String
    prefixCls(web) popup’s prefix class String ‘rmc-picker-popup’
    styles(react-native) PopupPicker’s styles StyleSheet.create
    datePicker DatePicker element React DatePicker element
    date The currently selected date. Date
    visible whether pop picker is visible Boolean false
    onChange exec on ok Function(date: Date)
    onVisibleChange called when pop picker visible change Function
    onDismiss exec on dismiss function
    okText ok button text string/React.ReactElement ‘Ok’
    dismissText dismiss button text string/React.ReactElement ‘Dismiss’
    title Popup title string/React.ReactElement
    展开全文
  • ios中 var valDate = new Date($("#startDate").val());//说明一下这里用的是Jquery 错 在ios中 var valDate = new Date($("#startDate").val().replace(new RegExp(/-/gm) ,"/")); 对 os日期不识别- 要用/ ...

    在ios中  var valDate = new Date($("#startDate").val());//说明一下这里用的是Jquery  

    在ios中  var valDate = new Date($("#startDate").val().replace(new RegExp(/-/gm) ,"/"));  

    os日期不识别-  要用/

     

    转载于:https://www.cnblogs.com/huangqiao/p/8693636.html

    展开全文
  • module.controller('MyCtrl', function($scope, $cordovaDatePicker) { var options = { date: new Date(), mode: 'date', // or 'time' minDate: new Date() - 10000, allowOldDates: true,
    module.controller('MyCtrl', function($scope, $cordovaDatePicker) {
    
      var options = {
        date: new Date(),
        mode: 'date', // or 'time'
        minDate: new Date() - 10000,
        allowOldDates: true,
        allowFutureDates: false,
        doneButtonLabel: 'DONE',
        doneButtonColor: '#F2F3F4',
        cancelButtonLabel: 'CANCEL',
        cancelButtonColor: '#000000'
      };
    
      document.addEventListener("deviceready", function () {
    
        $cordovaDatePicker.show(options).then(function(date){
            alert(date);
        });
    
      }, false);
    });
    官网例子是这个,在IOS上模拟几次就挂掉了。解决方法是在每次调用时都重新set一个date近options中
    options.date = new Date();
    options只实例化1次的情况是有这样的Bug.
    展开全文
  • CocoaPods's specs repository is too out-of-date to satisfy dependenci 根据提示 pod repo update 不管用,以为是cocoapods版本太低了 又重新安装了一遍还是这样的问题耗费了一整天的时间,最后查记录才发现,...

    早上更新了flutter的代码,每次执行flutter run 都会出现同样的问题

     CocoaPods's specs repository is too out-of-date to satisfy dependenci

    根据提示  pod repo update  不管用,以为是cocoapods版本太低了

    又重新安装了一遍还是这样的问题耗费了一整天的时间,最后查记录才发现,不知道哪个孙子把podfile里面的source删掉了

    platform :ios, '8.0'

    source 'http://************.git'

    就是这行代码

      重新添加,执行 通过

     

    展开全文
  • 如上图所示情况,在谷歌、火狐等浏览器选择没有问题,但是在ie和Safari浏览器点击的时候上面输入框是空白的,因为ie和Safari浏览器解析日期格式支持yyyy/MM/dd, 将yyyy-MM-dd格式日期转换为yyyy/MM/dd即可,可以用...

    如上图所示情况,在谷歌、火狐等浏览器选择没有问题,但是在ie和Safari浏览器点击的时候上面输入框是空白的,因为ie和Safari浏览器解析日期格式支持yyyy/MM/dd,

    将yyyy-MM-dd格式日期转换为yyyy/MM/dd即可,可以用正则替换 .replace(/-/g,"/")。

    另外说一下将yyyy/MM/dd格式日期转换为yyyy-MM-dd即可,可以用正则替换 .replace(/\//g,"-")。

     

    展开全文
  • 今天做了一个需求,要在列表中把后台返回来的时间给显示出来,使用 new Date(str) 在微信开发者工具上显示是没有问题的,然后在IOS系统上显示是NAN。 原因是 IOS系统只识别 " / " 不识别 " - ". 后台返回来的时间...
  • 第一次玩Docker,win7电脑,只能用DockerToolbox安装,(参照http://blog.csdn.net/qq2712193/article/details/54576313)运行时提示“default Boot2Docker ISO is out-of-date”按照上文的办法我试了一下,发现仍然...
  • 原文链接
  • 把固定格式日期转化为时间戳://格式化当地日期 new Date('2017-11-11 0:0:0') //结果为:Sat Nov 11 2017 00:00:00 GMT+0800 (中国标准时间...//结果为:1510329600000//当时在低版本ios系统下不能解析转化兼容写法:/
  • 自己尝试了俩种方法 1.打开docker前断互联网 2.下载最新的boot2docker 拷贝到对话框提示的文件夹下面 大家去红线标出的地址去下载最新版本,拷贝到黄线地址中,重新启动docker就好了,...
  • 在写一个倒计时页面时遇到了问题,在使用new Date('2018-08-09 11:59:59')格式化时间后,ios端页面显示invalid Date。因为'2018-08-09 11:59:59'是从api获取的数据,故需要先将数据格式替换为2018/08/09 11:59:59来...
  • IOS5以上版本(不包含IOS5)中的Safari浏览器能正确解释出Javascript中的 new Date('2013-10-21') 的日期对象。 但是在IOS5版本里面的Safari解释new Date('2013-10-21') 就不正确,在IOS5的Safari中返回的永远是...
  • 由于我做的是APP,APP既要兼容Android,又要兼容IOS,刚开始的开发与调试我都是用谷歌浏览器干的,我没有用其它浏览器进行测试,谁知道最后遗留一个很大的隐患。下面是我的界面。  问题一:  这个界面运用了...
  • 在做移动端时间转化为时间戳时,遇到了一个问题,安卓手机上访问时,能拿到时间戳,从而正确转换时间,而在ios上缺不能正常显示,显示的时间为:NaN-NaN1-NaN Invalid Date,捣鼓了好久,也在网上查了很多关于...
  • 微信小程序开发问题-iosDate问题开发小程序过程中,发现后台默认返回的 “2017-11-11 11:11:11”;格式不支持会直接返回null,ios要这种格式:”2014-09-25T13:24:00”,因为要计算时间差getTime(),所以对于返回null...
  • 今天碰到一个奇怪的问题,格式为“2019-12-14 10:00”的时间,通过new Date()获取时间戳,在Android和ios上表现不一致。 一番研究,才发现 (new Date("xxxx-xx-xx xx:xx")).getTime() 在 android正常,在ios返回NaN...
  • 项目里面用了UIDatePicker这个控件,但是只需要年月日就够了,一般显示生日的。 创建一个日期选择控件 datePicker = [[UIDatePicker alloc]initWithFrame:...datePicker.datePickerMode = UIDatePickerMode
  • 这两周连续两次遇到在使用new Date()对象被坑了,特此留念。 var date = '2016-02-28 16:42:... android: new Date(date) //Sun Feb 28 2016 16:42:54 GMT+0800 (中国标准时间) ios: new Date(date) //Invalid Date...
  • 最近看到一个不错的ios应用“周末-要出发”,觉得整个APP应用的UX挺好,所以对于热门推荐模块进行了模拟实现。 实现步骤: 1.在Eclipse中新建iPhone项目,获得firebug.js文件以及原始的index.html文件; 2.新建...
  • 差不多够用了! 格式化时间格式 G: 公元时代,例如AD公元 yy: 年的后2位 yyyy: 完整年 MM: 月,显示为1-12 MMM: 月,显示为英文月份简写,如 Jan MMMM: 月,显示为英文月份全称,如 Janualy dd: 日,2位数表示,如02 ...
1 2 3 4 5 ... 20
收藏数 48,187
精华内容 19,274
关键字:

- date ios