<template> <view class=””> <my-tree :tree-data=”treeData” @xuanzhong=”xuanzhong” @bindPickerChange=”bindPickerChange” ></my-tree> <!– <button @click=”dianji”>dianji</button> –> </view> </template> <script> import myTree from “./component/myTree.vue”; export default { components: { myTree, }, data() { return { treeData: [ { code: “51”, title: “Please select city and state—-“, show: true, // arr: [ // { name: “Chengdu City”, code: “5101” }, // […]
Tag: picker
The el-date-picker component in element sets the time range that prohibits selection.
Requirement: There are two sets of time selectors. The time of the first set needs to be included in the second set of time. After the selection of the first set is completed, when the second set is selected, the time included in the first set cannot be selected. Time period <el-form-item label=”Registration start time” […]
How to use PHPicker to obtain resources without authorization on iOS system
Number of words in this article: 2766 Estimated reading time: 18 minutes Since the iOS14 system, Apple has strengthened user privacy and security features. A new “Limited Photo Library Access” mode has been added, and a “Select Photo” option has been added to the authorization pop-up window. This means that the user can select a […]
OpenTiny Vue 3.11.0 released: adding 4 new components such as rich text and ColorPicker, ushering in an explosion of contributors!
Hello, my name is Kagol. I am very happy to announce to you that on October 24, 2023, OpenTiny Vue released v3.11.0. Every time a major version of OpenTiny is released, it will bring you some practical new features. On 8.14, we released version v3.10.0, which added 4 new components. The component Demo supports switching […]
Java implements color picker and packages it into exe file
Let’s take a look at the effect first 1.Source code Without further ado, let’s get straight to the code: import javax.swing.*; import java.awt.*; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; public class ColorPicker extends JFrame { private JButton colorButton; private JPanel colorPanel; public ColorPicker() { setTitle(“Color Picker”); setSize(400, 200); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); //Set fonts that support Chinese character set Font […]
Element-ui time picker shortcut key selection settings
1. Display the picture 2. Upload the code pickerOptions: { shortcuts: [ { text: “Today”, onClick(picker) { const end = new Date(); const start = new Date(); start.setTime(start.getTime() – 3600 * 1000 * 24 * 0); picker.$emit(“pick”, [start, end]); }, }, { text: “yesterday”, onClick(picker) { const end = new Date(); const start = new […]
Regular expression, date picker time limit, error reason
Table of Contents 1. Regular expressions 1. Meaning of expression 2. Write expressions 2. Time limit 1. Transformation of the original date picker 2. It is forbidden to select a future time 3. Time limit of two date pickers from… to… 3. Uncaught (in promise) Error 1. Regular expression 1. Expression meaning (1)/^([a-zA-Z0-9_.-]) + @(([a-zA-Z0-9-]) […]
The MonthPicker and DatePicker of antd start at any time, and the maximum span of the selected continuous time is 1 year. disabledDate is a date that cannot be selected.
Problem description: For the date component, select the start of the month at any time, but you must select consecutive months within a year! ! ! Achieve results Solution Insert code snippet here <div style=”display: flex”> <a-month-picker v-model=”form.startValue” placeholder=”Start” @openChange=”handleStartOpenChange” /> <a-month-picker v-model=”form.endValue” :disabled-date=”disabledEndDate” placeholder=”End” :open=”endOpen” @openChange=”handleEndOpenChange” /> </div> import dayjs from “dayjs”; export default […]
Android dual time picker
xml code <?xml version=”1.0″ encoding=”utf-8″?> <RelativeLayout xmlns:android=”http://schemas.android.com/apk/res/android” android:id=”@ + id/rl_container_timepicker” android:layout_width=”match_parent” android:layout_height=”wrap_content” android:visibility=”visible” android:layout_margin=”@dimen/dp_10″ android:background=”@drawable/bg_clear_data” > <LinearLayout android:layout_width=”match_parent” android:layout_height=”wrap_content” android:orientation=”vertical” android:background=”@drawable/bg_clear_data” > <RelativeLayout android:layout_width=”match_parent” android:layout_height=”wrap_content” android:padding=”16dp”> <TextView android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:text=”Select time” android:layout_centerHorizontal=”true” android:textSize=”18sp” android:textColor=”@color/bk_black”/> </RelativeLayout> <LinearLayout android:layout_width=”match_parent” android:layout_height=”200dp” android:orientation=”horizontal” android:gravity=”center”> <LinearLayout android:layout_width=”0dp” android:layout_height=”match_parent” android:layout_weight=”1″ android:orientation=”vertical” android:gravity=”center”> <TextView android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:textSize=”14sp” android:text=”Start time” android:textColor=”@color/bk_black”/> <TimePicker android:id=”@ […]
el-date-picker adds default value and modifies style
Expected results The default is this But I hope that there will be a default today’s date, and the font color and style must also be modified (assuming today is 2023/10/6 Function implementation There are quite a few pitfalls that I have stepped on, so I will record them here. Official documentation According to the […]