@ant-design/react-native/lib/date-picker-view/demo/basic.js

基于蚂蚁金服移动设计规范的 React Native 组件库

"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _typeof=require("@babel/runtime/helpers/typeof");Object.defineProperty(exports,"__esModule",{value:true});exports["default"]=void 0;var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _=require("../../");function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{"default":obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj["default"]=obj;if(cache){cache.set(obj,newObj);}return newObj;}var now=new Date();var _default=function _default(){var _useState=(0,_react.useState)(now),_useState2=(0,_slicedToArray2["default"])(_useState,2),value=_useState2[0],setValue=_useState2[1];return _react["default"].createElement(_reactNative.ScrollView,null,_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"\u57FA\u7840\u7528\u6CD5"),_react["default"].createElement(_.DatePickerView,{defaultValue:now}),_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"\u53D7\u63A7\u6A21\u5F0F"),_react["default"].createElement(_.DatePickerView,{value:value,onChange:function onChange(val){setValue(val);console.log('onChange',val);}}),_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"\u81EA\u5B9A\u4E49\u6BCF\u5217\u7684\u6E32\u67D3\u5185\u5BB9"),_react["default"].createElement(_.DatePickerView,{defaultValue:now,renderLabel:labelRenderer}),_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"\u5468\u9009\u62E9\u5668"),_react["default"].createElement(_.DatePickerView,{onChange:function onChange(val){return console.log('onChange',val);},precision:"week-day",defaultValue:now,renderLabel:weekdayLabelRenderer}),_react["default"].createElement(_reactNative.Text,{style:{margin:16}},"\u8FC7\u6EE4\u53EF\u4F9B\u9009\u62E9\u7684\u65F6\u95F4"),_react["default"].createElement(_.DatePickerView,{defaultValue:now,precision:"hour",renderLabel:labelRenderer,filter:dateFilter}));};exports["default"]=_default;var labelRenderer=function labelRenderer(type,data){switch(type){case'year':return data+'年';case'month':return data+'月';case'day':return data+'日';case'hour':return data+'时';case'minute':return data+'分';case'second':return data+'秒';default:return data;}};var weekdayLabelRenderer=function weekdayLabelRenderer(type,data){switch(type){case'year':return data+'年';case'week':return data+'周';case'week-day':return weekdayToZh(data);default:return data;}};var dateFilter={day:function day(_val,_ref){var date=_ref.date;if(date.getDay()>5||date.getDay()===0){return false;}return true;},hour:function hour(val){if(val<14||val>18){return false;}return true;}};var weekdayToZh=function weekdayToZh(weekday){switch(weekday){case 1:return'周一';case 2:return'周二';case 3:return'周三';case 4:return'周四';case 5:return'周五';case 6:return'周六';case 7:return'周日';default:return weekday;}};