datepicker 相关问题

如何在 vue 组件中使用 <v-date-input> 来接受日期？

在Vue 3项目中，我尝试在vue组件中使用Vuetify并以YYYY-MM-DD格式显示它。 导入 VDateInput 后 从 'vuetify/labs/VDateInput' 导入 { VDateInput }； 我...

WhatsApp 流日期选择器

我希望为 WhatsApp 流程实现一个日期选择器逻辑，其中用户输入的年龄应在 18 岁到 60 岁范围内，此外日期选项不应超过今天的日期

如何专门使用矩区域设置来本地化 ng-bootstrap datepicker？

我在我的 Angular 项目中使用 ng-bootstrap DatePicker。 如果没有为每种语言专门指定 I18N_VALUES 值并利用矩库，我必须将其国际化并且

如何使用MUI设置DatePicker的样式？在打字稿中

我刚开始使用 MUI 和 DatePicker 我试图更改代码中选定日期的颜色，但对我不起作用 这是我的代码： 我刚开始使用 MUI 和 DatePicker 我试图更改代码中选定日期的颜色，但对我来说没有任何作用 这是我的代码： <DatePicker slotProps={{ textField: { size: isDesktop ? "medium" : "small", variant: "standard", }, }} sx={{ flex: 1, fontSize: ".875rem !important", "& input::placeholder": { fontSize: ".875rem !important", }, ".MuiOutlinedInput-root": { fontSize: ".875rem !important", }, "& .MuiPickersDay-root": { color: "white", "&:hover": { backgroundColor: "rgba(0, 128, 255, 0.2)", color: "blue", }, "&.Mui-selected": { backgroundColor: "rgba(0, 128, 255, 0.3) !important", color: "white !important", "&:hover": { backgroundColor: "rgba(0, 128, 255, 0.4) !important", }, }, }, }} value={startShowDate} format="dd/MM/yyyy" onChange={(newValue) => startDateHandle(newValue)} /> <DatePicker slotProps={{ textField: { size: isDesktop ? "medium" : "small", variant: "standard", }, }} sx={{ flex: 1, fontSize: ".875rem !important", "& input::placeholder": { fontSize: ".875rem !important", }, ".MuiOutlinedInput-root": { fontSize: ".875rem !important", }, "& .MuiPickersDay-root": { color: "white", "&:hover": { backgroundColor: "rgba(0, 128, 255, 0.2)", color: "blue", }, "&.Mui-selected": { backgroundColor: "rgba(0, 128, 255, 0.3) !important", color: "red !important", "&:hover": { backgroundColor: "rgba(0, 128, 255, 0.4) !important", }, }, }, }} value={endShowDate} format="dd/MM/yyyy" onChange={(newValue) => endDateHandle(newValue)} /> 注意到我阅读了文档并尝试了Props但仍然无法与我合作 所以想法是改变所选日期的颜色 任何帮助将不胜感激！ 诚然，文档在这方面非常稀疏，但您希望针对“纸质”插槽 - 由于您同时处理桌面/移动设备，因此您可能希望对 desktopPaper 和 mobilePaper 都执行此操作： <DatePicker slotProps={{ textField: { size: "medium", variant: "standard", }, desktopPaper: { sx: { "& .MuiDateCalendar-root": { backgroundColor: "white", "& [class$='MuiPickersDay-root'].Mui-selected": { backgroundColor: "rgba(0, 128, 255, 0.3) !important", color: "white", }, }, }, }, }} sx={{}} value={startShowDate} format="dd/MM/yyyy" onChange={(newValue) => startDateHandle(newValue)} /> 您也可能会幸运地直接在您的主题中执行此操作： const theme = createTheme({ components: { MuiDatePicker: { defaultProps: { displayWeekNumber: true, }, }, MuiDateCalendar: { styleOverrides: { root: { backgroundColor: "#f0f0f0", }, }, }, }, }); // ... <ThemeProvider theme={theme}> <YourApp /> </ThemeProvider>

使用 php 日期数组在日期选择器中没有禁用日期

我正在尝试从 WordPress 中自定义帖子类型的日期字段中获取日期，然后将日期传输到数组中。 然后将该数组转换为 js 对象。 该 js 对象用于

如何将长（毫秒）格式化为 dd-MMM-yyyy hh:mm:ss:aa？

我可以获得输出为 Wed May 11 15:36:08 IST 2016，但是如何将日期转换为具有所需格式的字符串？ 所需格式为：12-05-2016 16:05:08 pm 我尝试的是， 公开课...

如何将给定的字符串格式解析为 dd-MMM-yyyy hh:mm:ss:aa？

我可以获得输出为 Wed May 11 15:36:08 IST 2016，但是如何将日期转换为具有所需格式的字符串？ 所需格式为：12-05-2016 16:05:08 pm 我尝试的是， 公开课...

Android DatePicker 如何显示更多项目？

我有一个日期选择器： 我有一个日期选择器： <DatePicker android:datePickerMode="spinner" android:calendarViewShown="false" android:id="@+id/datePicker" android:layout_width="300dp" android:layout_height="wrap_content" android:layout_centerInParent="true" /> 它看起来像这样： 我得到的结果 我正在尝试使后两个和前两个日期可见。 它应该看起来像这样： 想要的结果 我很早之前就想达到同样的效果，当时就用了这个WheelView。 有一个属性itemVisibleNum符合要求。

Angular：Material Datepicker：月视图中的日期范围选择

我正在使用 Angular/Material 版本 19（独立）。 当我想在月视图中显示日历时，这是我的模板代码： 我正在使用 Angular/Material 版本 19（独立）。 当我想在月视图中显示日历时，这是我的模板代码： <mat-calendar #calendar [(selected)]="selected" [dateClass]="dateClass" (selectedChange)="onDateSelected($event)"> </mat-calendar> 一切都工作正常。 当我想显示日期范围选择的日历时，这是模板代码： <mat-form-field> <mat-label>Select a date range</mat-label> <mat-date-range-input [formGroup]="range" [rangePicker]="picker"> <input matStartDate formControlName="start" placeholder="Start date" readonly /> <input matEndDate formControlName="end" placeholder="End date" readonly /> </mat-date-range-input> <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle> <mat-date-range-picker #picker></mat-date-range-picker> </mat-form-field> 一切都工作得很好。 但现在，我需要将它们组合起来 - 我需要在月视图中显示日历，但让用户选择日期范围而不仅仅是单个特定日期。 我具体该怎么做？如果可以的话，当然可以。 我们可以结合 Angular 材料 - datepicker 中的两个示例。 Datepicker emulating a Year and month picker 和 Basic date range picker。 我们可以合并它们，所以你需要provideMomentDateAdapter来显示MM/YYYY格式。 此外，我们在 HTML 中有 startView，这对 year 非常有用，但对 month 不起作用，这可能是一个错误，您可以提出 github 问题来验证。 HTML： <mat-form-field> <mat-label>Enter a date range</mat-label> <mat-date-range-input [formGroup]="range" [rangePicker]="picker"> <input matStartDate formControlName="start" placeholder="Start date" /> <input matEndDate formControlName="end" placeholder="End date" /> </mat-date-range-input> <mat-hint>MM/YYYY – MM/YYYY</mat-hint> <mat-datepicker-toggle matIconSuffix [for]="picker"></mat-datepicker-toggle> <mat-date-range-picker startView="multi-year" #picker></mat-date-range-picker> @if (range.controls.start.hasError('matStartDateInvalid')) { <mat-error>Invalid start date</mat-error> } @if (range.controls.end.hasError('matEndDateInvalid')) { <mat-error>Invalid end date</mat-error> } </mat-form-field> <p>Selected range: {{range.value | json}}</p> TS： import { JsonPipe } from '@angular/common'; import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormControl, FormGroup, FormsModule, ReactiveFormsModule, } from '@angular/forms'; import { provideNativeDateAdapter } from '@angular/material/core'; import { MatDatepickerModule } from '@angular/material/datepicker'; import { MatFormFieldModule } from '@angular/material/form-field'; import * as _moment from 'moment'; // tslint:disable-next-line:no-duplicate-imports import { default as _rollupMoment, Moment } from 'moment'; import { MatInputModule } from '@angular/material/input'; import { provideMomentDateAdapter } from '@angular/material-moment-adapter'; const moment = _rollupMoment || _moment; // See the Moment.js docs for the meaning of these formats: // https://momentjs.com/docs/#/displaying/format/ export const MY_FORMATS = { parse: { dateInput: 'MM/YYYY', }, display: { dateInput: 'MM/YYYY', monthYearLabel: 'MMM YYYY', dateA11yLabel: 'LL', monthYearA11yLabel: 'MMMM YYYY', }, }; /** @title Date range picker forms integration */ @Component({ selector: 'date-range-picker-forms-example', templateUrl: 'date-range-picker-forms-example.html', providers: [ // Moment can be provided globally to your app by adding `provideMomentDateAdapter` // to your app config. We provide it at the component level here, due to limitations // of our example generation script. provideMomentDateAdapter(MY_FORMATS), ], imports: [ MatFormFieldModule, MatDatepickerModule, FormsModule, ReactiveFormsModule, JsonPipe, ], changeDetection: ChangeDetectionStrategy.OnPush, }) export class DateRangePickerFormsExample { readonly range = new FormGroup({ start: new FormControl<Date | null>(null), end: new FormControl<Date | null>(null), }); } Stackblitz 演示

有没有办法让 jQuery 日期选择器无需几年就能工作？

我想使用日期选择器作为“历史上的这一天”项目的一部分。 这个想法是，用户选择一天，比如“11 月 20 日”，该项目就会向他展示这一天发生的历史事件......

React DatePicker Bootstrap 已更新到最新

我在 React 中使用 bootstrap 风格搜索了一个好的日期选择器。但我发现的一切都不能正常工作或不是最新的...... 我正在使用 React 15.0.2 和 Boostrap 3.3.6 有没有人知道...

需要在 Angular 6 中找到最佳日期和时间选择器

我有一个具有此配置的角度项目。 角度 CLI：6.0.3 节点：10.16.3 操作系统：Linux x64 角度：6.0.2 ...动画、常见、编译器、编译器-cli、核心、表单 ... http、语言服务...

NG-Zorro - 日期选择器日历未显示

我目前正在做我的大学期末项目，但我陷入了困境。我正在创建一个用于健身跟踪的 Web 应用程序，在其中一个子页面上，用户应该能够输入信息 a...

如何在嵌入模式下显示日期范围选择器

如何在嵌入模式下使用daterangerpicker显示双日历 我想将其显示为此处提供的示例：https://bootstrap-datepicker.readthedocs.io/en/latest/markup.ht...

Angular Material DatePicker 自动完成

尝试实现一个搜索栏，您可以在其中按项目名称或日期进行搜索。只是想知道是否有办法禁用日期选择器自动完成？ 问题是： - 如果我搜索...

Jquery Ui Datepicker 月/年下拉菜单在最新的 Firefox 弹出窗口中不起作用

不知何故，我的 jQuery UI Datepicker 月/年下拉菜单在最新的 firefox 中的任何弹出窗口中都不起作用。 当我单击“月”或“年”下拉菜单时，选项列表不会出现。 这是我的弹出窗口 &

Ng-Zorro 日期选择器日历未显示

我目前正在做我的大学期末项目，但我陷入了困境。我正在创建一个用于健身跟踪的 Web 应用程序，在其中一个子页面上，用户应该能够输入信息 a...

转换 time_point -> Rep 并再次转换回来（Rep -> time_point）

如何更新日期选择器元素中的日期。我有一个包含日期的 int64_t 属性 m_myDate 。 TimeSpan 是 std::chrono::duration 的特化。 DateTime 是 std::chr 的特化...

MUI DesktopDatePicker 导致滚动到 iFrame 中的顶部

我正在尝试在 iFrame 中使用 MUI 中的 DesktopDatePicker。 打开（单击按钮）时，页面父页面滚动到顶部。 使用效果（（）=> { if (datePicker.current) { 常量

Winui3 日期选择器更新日期

如何更新日期选择器元素中的日期。我有一个包含日期的 int64_t 属性 m_myDate 。 主窗口.xaml.cpp ... void MainWindow::saveBtn_Click(IInspectable const& 发件人，