timepicker 相关问题

现在我有一个 XAML 中的基本 TimePicker：现在我在 XAML 中有一个基本的 TimePicker： <TimePicker x:Name="PeriodEndTimePicker" Visibility="Collapsed" Margin="8 5 0 5" Header="Period End Time" SelectedTimeChanged="PeriodEndTimePicker_SelectedTimeChanged"/> 当您单击时间选择器时，它会弹出一个弹出窗口。当放置在屏幕中间附近或远离屏幕顶部的某个位置时，您可以完全看到弹出窗口，并且将鼠标悬停在时间选择器列上时能够看到箭头按钮以更改值。但是，如果您将窗口放置在屏幕顶部附近或最大化应用程序窗口，弹出窗口会被切断，并且您将不再能够看到用于向上移动值的向上箭头。是否可以移动位置，使弹出按钮的顶部位于时间选择器下方？附注没有什么可以阻止用户使用鼠标滚轮滚动，或者进行部分悬停并单击以移动到下一个数字，但我的老板坚持要让箭头出现。此行为是设计使然。当弹出窗口靠近屏幕底部时，它会移动到更好的显示位置，但当弹出窗口靠近屏幕顶部时，它会部分隐藏。我们可以在TimePicker中找到generic.xaml的样式，这些样式在\(Program Files)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP\10.0.xxxxx.0\Generic中可用。 TimePicker的弹出窗口没有任何内容，我们在可视化树中也看不到该弹出窗口。所以我们无法做出任何改变。如果这种行为影响了你的开发进度，建议你自己写一个自定义的TimePicker。你可以参考这个线程，它使用四个listview来实现一个简单的选择器。

xaml uwp timepicker

回答 1 投票 0

android项目中的自定义日历对话框

在我的项目中，我为对话框添加了自定义布局，以向用户显示时间选择器。它工作正常，但有时当对话框打开时它会闪烁，当我设置时间并单击取消时......

android dialog datetimepicker timepicker android-timepicker

回答 1 投票 0

Android Studio 时间选择器时钟颜色

在此输入图像描述我想将时钟颜色更改为辅助颜色，但我做不到 ...</desc> <question vote="0"> <p><a href="https://i.stack.imgur.com/UiMCv.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1VpTUN2LnBuZw==" alt="enter image description here"/></a></p> <p>我想将时钟颜色更改为辅助颜色，但我做不到</p> <pre><code><style name="TimePickerDark" parent="Theme.AppCompat.Light.Dialog"> <item name="colorAccent">@color/secondary</item> <item name="colorControlActivated">@color/primary</item> <item name="android:headerBackground">@color/primary</item> <item name="android:selectableItemBackgroundBorderless">@color/background</item> <item name="android:background">@color/background</item> <item name="android:windowBackground">@color/background</item> <item name="android:numbersBackgroundColor">@color/background</item> <item name="android:textColor">#4CAF50</item> <item name="android:amPmBackgroundColor">@color/secondary</item> <item name="android:color">@color/secondary</item> <item name="android:colorForeground">@color/background</item> <item name="fontFamily">@font/circular_medium</item> <item name="android:fontFamily">@font/circular_regular</item> <item name="android:textColorSecondary">@color/primary</item> <item name="android:textColorPrimary">@color/white</item> <item name="android:textColorPrimaryInverse">@color/white</item> <item name="android:textColorSecondaryInverse">@color/light</item> </style> </code></pre> <p>我尝试改变颜色，但仍然没有改变颜色。我还想更改“：”和“AM/PM”的背景 [在此输入图像描述] (<a href="https://i.stack.imgur.com/FGVOj.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL0ZHVk9qLnBuZw==" alt="https://i.stack.imgur.com/FGVOj.png"/></a>)</p> <pre><code> taskTime.setOnTouchListener((view, motionEvent) -> { if(motionEvent.getAction() == MotionEvent.ACTION_UP) { // Get Current Time final Calendar c = Calendar.getInstance(); mHour = c.get(Calendar.HOUR_OF_DAY); mMinute = c.get(Calendar.MINUTE); // Launch Time Picker Dialog timePickerDialog = new TimePickerDialog(getActivity(), R.style.TimePickerDark, (view12, hourOfDay, minute) -> { taskTime.setText(hourOfDay + ":" + minute); timePickerDialog.dismiss(); }, mHour, mMinute, false); timePickerDialog.show(); } return true; }); </code></pre> </question> <answer tick="false" vote="0"> <p>更好地使用<strong>MaterialTimePicker</strong>，您可以自定义您想要的任何内容。</p> <pre><code> final Calendar c = Calendar.getInstance(); Integer mHour = c.get(Calendar.HOUR_OF_DAY); Integer mMinute = c.get(Calendar.MINUTE); Integer timeFormat = TimeFormat.CLOCK_24H; // (or TimeFormat.CLOCK_12H) MaterialTimePicker timePicker = new MaterialTimePicker.Builder() .setHour(mHour) .setMinute(mMinute) .setTimeFormat(timeFormat) .setTheme(R.style.TimePickerDialogStyle) .build(); timePicker.addOnPositiveButtonClickListener(new View.OnClickListener() { @Override public void onClick(View v) { taskTime.setText(timePicker.getHour() + ":" + timePicker.getMinute()); } }); timePicker.show(getSupportFragmentManager(), "TimePicker"); </code></pre> <p><strong>款式</strong></p> <pre><code> <style name="TimePickerDialogStyle" parent="@style/ThemeOverlay.MaterialComponents.TimePicker"> <item name="colorPrimary">@color/blue</item> <item name="materialClockStyle">@style/TimePicker.Clock</item> <item name="materialButtonOutlinedStyle">@style/TimePicker.Button</item> <item name="imageButtonStyle">@style/TimePicker.ImageButton</item> </style>  <style name="TimePicker.Clock" parent="Widget.MaterialComponents.TimePicker.Clock"> <item name="clockFaceBackgroundColor">@color/blue</item>  <item name="clockHandColor">@color/blue</item>  <item name="clockNumberTextColor">@color/blue</item>  </style>  <style name="TimePicker.Button" parent="Widget.MaterialComponents.TimePicker.Button"> <item name="backgroundTint">@color/blue</item> <item name="android:textColor">@color/blue</item> <item name="strokeWidth">0dp</item> </style>  <style name="TimePicker.ImageButton" parent="Widget.MaterialComponents.TimePicker.ImageButton"> <item name="iconTint">@color/blue</item> </style> </code></pre> <p>可能有帮助的其他链接</p> <p><a href="https://m2.material.io/components/time-pickers/android" rel="nofollow noreferrer">MaterialDialog 示例和样式</a></p> </answer> </body></html>

java android colors background-color timepicker

回答 0 投票 0

将数值与 ngb-timepicker 角度绑定

我有一个priceRule对象，其中包含4个属性：公共时间开始时间：数字，公共分钟开始时间：数字，公共小时结束时间：数字，公共分钟结束时间：数字，还有两个 nbg-timepick...

angular typescript bind timepicker

回答 2 投票 0

vue3 简单时间选择器错误

我最近在寻找简单的时间选择器解决方案时遇到了 Vue-time-picker 存储库（https://github.com/phoenixwong/vue3-timepicker）。尽管处于 Beta 模式，但它似乎比较......

vue.js vuejs3 timepicker

回答 1 投票 0

有没有办法设置HTML Time的时间选择器的起始值

有没有办法设置使用HTML时间选择器时弹出的时间选择器的默认起始值。当它没有价值时...

javascript html timepicker

回答 2 投票 0

TimePicker 返回对象不是时间角度 4

我怎样才能让表单中的时间选择器返回我选择的时间。时间选择器的形式：参观时间我怎样才能让表单中的时间选择器返回我选择的时间。时间选择器的形式： <label class="padd"> Time of visiting </label> <ngb-timepicker [(ngModel)]="meridianTime" [meridian]="meridian" formControlName="time" id="time" ></ngb-timepicker> TypeScript 部分： defaultTime = {hour: 13, minute: 30}; customTime: NgbTimeStruct = {hour: 13, minute: 30, second: 0}; hourStep = 1; minuteStep = 15; 你有时间。这是文档：链接你有时间作为小时、分钟、秒的道具。您可以将其转换为您需要的任何内容。要进行转换，您可以使用内部 JavaScript API：Date 或一些库，例如 moment。或者类似的东西：https://stackoverflow.com/a/27979128/2898694:) 所以你有时间选择器格式的日期。我的意思是作为对象。你可以这样写： prepareDate(dateAsObject) { return dateAsObject.hour + ':' + dateAsObject.minute + ':' + dateAsObjet.second; } 这是我脑子里的第一件事。当然，您可以根据自己的意愿准备日期。尝试使用 dateAsObject.toLocaleTimeString() 您将获得 24 小时格式的时间

forms angular typescript timepicker

回答 2 投票 0

“iOS Xamarin.Forms：更新到 iOS 17.1.1/17.1.2 后滚动 TimePicker 时出现 NSInternalInconsistencyException”

我们的 Xamarin.Forms iOS 应用程序遇到崩溃，并出现特定异常：致命异常：NSInternalInconsistencyException 不得从

ios xamarin.forms xamarin.ios crashlytics timepicker

回答 1 投票 0

Angular ngx-material-timepicker 无法自定义

我尝试使用 ngx-material-timepicker ，如下面的代码，但我无法更改任何 CSS 类我正在关注此链接 https://www.npmjs.com/package/ngx-material-timepicker 这是我的代码我尝试使用 ngx-material-timepicker ，如下面的代码，但我无法更改任何 CSS 类我正在关注此链接https://www.npmjs.com/package/ngx-material-timepicker 这是我的代码 <div class="clock"> <input placeholder="24hr format" aria-label="24hr format" [ngxTimepicker]="fullTime" [format]="24" readonly /> <ngx-material-timepicker [appendToInput]="true" [disableAnimation]="true" [theme]="oktTheme" (timeSet)="onTimeset($event)" #fullTime ></ngx-material-timepicker> </div> 这是ts代码 oktTheme = { container: { bodyBackgroundColor: "#424242", buttonColor: "#fff" }, dial: { dialBackgroundColor: "#555" }, clockFace: { clockFaceBackgroundColor: "#555", clockHandColor: "#01806b", clockFaceTimeInactiveColor: "#fff" } }; 通过将自定义类添加到指令并使用内部指令类将其设置在 style.scss 中来解决此问题 html <div class="clock"> <input placeholder="24hr format" aria-label="24hr format" [ngxTimepicker]="fullTime" [format]="24" readonly /> <ngx-material-timepicker [appendToInput]="true" [disableAnimation]="true" [theme]="oktTheme" [timepickerClass]="'custome-class'" (timeSet)="onTimeset($event)" #fullTime ></ngx-material-timepicker> </div> style.scss .custome-class { direction: ltr; .timepicker__header { padding: 0px 30px !important; border-top-right-radius: 12px; border-top-left-radius: 12px; } .timepicker-dial__control { font-size: 20px !important; } .timepicker-dial { border-bottom: 1px solid rgba(0, 0, 0, 0.12); display: flex; justify-content: center; height: 44px; } } 将其放入您的 SCSS 文件中（在 app.component.scss 或您的特定组件中） ::ng-deep ngx-material-timepicker-content{ --body-background-color: #fff; --primary-font-family: 'Roboto',sans-serif; --button-color: #c6ff00 !important; --dial-active-color: #fff; --dial-inactive-color: rgba(255, 255, 255, .5); --dial-background-color: #c6ff00 !important; --dial-editable-active-color: #c6ff00 !important; --dial-editable-background-color: #fff; --clock-face-time-active-color: #fff; --clock-face-time-inactive-color: #6c6c6c; --clock-face-inner-time-inactive-color: #929292; --clock-face-time-disabled-color: #c5c5c5; --clock-face-background-color: #f0f0f0; --clock-hand-color: #c6ff00 !important; } 更改标题、按钮和时钟指针的颜色。 .ngx-picker-custom { direction: ltr; .timepicker__header { background-color: var(--color-cyan)!important; } .timepicker-button{ color: var(--color-cyan)!important; } .clock-face__clock-hand, .clock-face__number > span.active, .clock-face__clock-hand{ background-color: var(--color-cyan)!important; } .clock-face__clock-hand_minute:before { border-color: var(--color-cyan)!important; } }

angular angular-material styling timepicker

回答 3 投票 0

如何限制 MUI TimePicker 仅允许特定时间？

我目前正在使用 MUI TimePicker 组件。我有一个用例，需要将选定的时间选项限制为整点（00 分钟）和半点（30 分钟）。这可能吗？我已经

reactjs timepicker material-ui

回答 5 投票 0

在 Ant Design 中配置 TimePicker 以“HH:mm”格式显示和选择时间

如何配置 Ant Design 中的 TimePicker 组件始终以“HH:mm”格式显示和选择时间，无论用户是否以“...”格式输入时间

javascript reactjs datepicker antd timepicker

回答 1 投票 0

用于时间类型的角度材质输入的时间选择器按钮

基于 MDC 的 MatInput 隐藏了本机选择器指示器。我想通过带有按钮的输入以现代方式重新创建此指示器 ...