Pickadate开始渲染新的禁用时间
Pickadate是一个开源的日期和时间选择器插件，用于在网页上渲染和选择日期和时间。它提供了一个用户友好的界面，可以方便地选择日期和时间，同时具有灵活的配置选项。
禁用时间是指在日期和时间选择器中禁止选择的特定时间段。通过禁用时间功能，可以限制用户选择的范围，以满足特定需求。
在Pickadate中，可以通过设置disable选项来禁用特定的时间。该选项可以接受多种格式的输入，包括具体的日期和时间、日期范围、星期几等。通过设置禁用时间，可以实现例如禁用周末、禁用特定日期、禁用特定时间段等功能。
对于禁用时间的渲染，Pickadate会根据设置的禁用时间规则，在日期和时间选择器中相应的日期和时间上添加禁用样式，使其在界面上呈现为不可选状态，从而提醒用户不能选择这些时间。
Pickadate可以广泛应用于需要日期和时间选择的场景，例如预约系统、日程安排、活动管理等。通过灵活的配置选项，可以根据具体需求进行定制，满足不同场景的要求。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、云数据库、云存储等。这些产品可以帮助用户快速搭建和部署云计算环境，提供稳定可靠的基础设施支持。具体而言，腾讯云的云服务器产品可以用于托管网站和应用程序，云数据库产品可以用于存储和管理数据，云存储产品可以用于存储和分发文件等。
以下是腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：云服务器产品介绍
- 云数据库 MySQL 版（CDB）：提供稳定可靠的关系型数据库服务，支持高可用、备份恢复等功能。详情请参考：云数据库 MySQL 版产品介绍
- 云对象存储（COS）：提供安全可靠的对象存储服务，适用于存储和分发各种类型的文件。详情请参考：云对象存储产品介绍
请注意，以上仅为腾讯云的部分产品示例，更多产品和详细信息请参考腾讯云官方网站。
相关·内容
1回答
我正在使用结帐页面上的Pickadate.js库为客户选择订购产品的收集日期。
在后端，客户端可以阻止某些日子，这样客户端就不能选择这一天。就像。星期天，因为商店星期天不营业。
我正在像这样初始化这个库：
/* Initiate the Datepicker */
var $dateInput = $('#collection-date').pickadate({
firstDay: 2,
onSet: function(e) {
if(e.select) {
浏览 5提问于2017-10-10得票数 0
回答已采纳
2回答
我使用的是pickadate.js和pickatime.js日期/时间选择器。如果选择了当前日期，我想禁用时间。如果我只选择今天的日期一次，这是有效的，但如果我尝试在今天日期和任何其他日期之间来回切换，它将无法再次禁用时间范围。下面是我的代码：
// car rental
var today = new Date();
var tomorrow = new Date();
tomorrow.setDate(today.getDate() + 1);
var nextyear = new Date();
nextyear.setFullYear(nextyear.getFullYear()
浏览 5提问于2020-03-03得票数 4
1回答
我有一个使用pickadate.js的日历。在初始化之后，我正在尝试运行一些前端命令，我使用以下命令来选择要工作的日期：
$('.arrives.picker__input').pickadate('set').set('select', [arrivalYear, arrivalMonth, arrivalDay]);
但我无法禁用日期。我用过
$('.arrives.picker__input').pickadate('set').set('disable', [[2016,8,6],[2016
浏览 0提问于2016-04-05得票数 0
我有一个简单的日历设置为通过pickadate.js。我怎样才能在日历上的每个星期天停用？我注意到它有一个disable:[]，但不确定如何指定一天。
$('.datepicker').pickadate({
weekdaysShort: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
showMonthsShort: true
})
浏览 5提问于2013-10-04得票数 2
回答已采纳
3回答
我刚刚开始使用Webpack (用于w/ React)，当我试图引入bower包时，我遇到了一个问题。我已经通过bower安装了，并且我有以下的webpack配置()。看一下pickadate文件，它有一个数组，而不仅仅是main的字符串，因为它需要拉入多个js和css文件。
// ./webpack/dev.config.js
// ...
resolve: {
modulesDirectories: [
'src',
'node_modules',
'bower_components'
],
plugins
浏览 3提问于2015-08-07得票数 2
我试图使用pickadate.js作为文本输入，但无法让它在我的服务器上工作。我做了一个小提琴，它工作得很好，但是当我复制完该代码时(我甚至把所有的东西都放在了fiddle的HTML框中，所以代码是100%相同的)，我得到以下错误
Uncaught SyntaxError: Unexpected identifier picker.js:487
Uncaught ReferenceError: Picker is not defined picker.date.js:23
Uncaught TypeError: Object [object Object] has no method '
浏览 1提问于2014-01-15得票数 0
回答已采纳
2回答
我正在使用作为我的网站的日期选择器。我想实现的功能，将禁用任何以前的日期。我读过，但我看不出有什么方法可以禁用所有以前的日期。
一个人会怎么做？
浏览 2提问于2015-07-10得票数 5
回答已采纳
我使用amsul.ca/picadate.js中非常棒的日期和时间选择器，但每次在日期选择器中选择新的一天时，都无法让时间选择器更新禁用的时间。
例如，如果我选择星期二，时间将从12h启用到15h。如果我返回到datepicker并选择星期三，则启用时间应更新为从12小时到15小时，从19小时到22小时。
但就目前而言，在时间选择器中设置新的禁用时间的唯一方法是重新加载页面。
非常感谢你的帮助。
干杯，皮埃尔
function setTimepicker(hours) {
var $input_time = $( '.timepicker' ).pickatime({
浏览 0提问于2014-07-01得票数 1
1回答
我设置我的游戏循环如下：
window.requestAnimFrame = (function(){
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame
浏览 1提问于2012-05-30得票数 2
我正在使用泡菜库，以便用户可以选择日期。默认情况下，应禁用所有日期。这是通过添加disabled: [true]来实现的。
var myPicker=$("#inputDatetime").pickadate(
{
format:"dd. mmmm yyyy",
formatSubmit:"yyyy-mm-dd",
min:dt,
selectYears:2,
close:"Schliessen",
today:"Heu
浏览 1提问于2016-05-20得票数 4
回答已采纳
我想在泡菜字段中选择当前日期时，在泡菜功能中消除过去的时间。
var curr_date = new Date();
$('#datepicker').pickadate({
format: 'dd-mm-yyyy',
min: curr_date
});
这里是选择一个时间函数。
$('#timepicker').pickatime({
format:'h:i A',
interval: 15, // 15 minutes
浏览 1提问于2016-11-02得票数 0
我正在添加 - Jquery。为了我的项目。我把它添加到我的application.js中
//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require jquery.modal.min
//= require pickadate/picker
//= require pickadate/picker.date
这是我在JS目录中包含的jquery.modal.min.js。将此添加到我的链接中：
<%= link_to "Sign In", new_user_ses
浏览 1提问于2017-04-01得票数 0
回答已采纳
嗨，我正在做rails4项目，我想在我的pickadate中禁用所有的国家假日和周末日期。或者我不得不使用，我不知道怎么做。为了禁用周末，我执行了以下操作。
$( '.new_leave_datepicker' ).pickadate({
selectMonths: true,
selectYears: 25,
disable: [
1,7
],
min: Date.now()
});
它的工作，这是很好的，但如何做的国庆节，没有得到。我正在享受餐桌假期，在这个假期
浏览 1提问于2015-06-04得票数 0
4回答
当用户单击元素时，pickadate.js v3.5.6.，jQuery v3.3.1有一个奇怪的问题，它打开calander并在同一时间调用关闭事件。但是，如果用户在浏览器中选择了不同的选项卡，然后返回到第一个选项卡，则calander处于打开状态。这是现有页面中的一个新问题。在鼠标单击和打开/关闭之后，元素类是：
field a-picker picker__input valid picker__input--target
这是设置：
$('#monitor-time-days-picker').pickadate({
format: &#
浏览 3提问于2019-03-27得票数 3
回答已采纳
我正在尝试检查此日期选择器(pickadate.js)是否选择了设置中的当前日期。下面是我的代码：
var today = new Date();
var tomorrow = new Date();
tomorrow.setDate(today.getDate() + 1);
var nextyear = new Date();
nextyear.setFullYear(nextyear.getFullYear() + 1);
var pickupdatepicker = $("#car-rental-pickup-date").pickadate({
edi
浏览 16提问于2020-03-01得票数 0
回答已采纳
4回答
在初始化之后，我尝试禁用一些日期。
我是这样初始化采摘器的：
$( document ).ready(function() {
$('#inputDatetime').pickadate({
format: 'dd. mmmm yyyy',
formatSubmit: 'yyyy-mm-dd',
min: dt,
selectYears: 2,
selectMonths: true
});
});
用户现在执行一些触发onChange()事件的操作。d
浏览 6提问于2015-04-26得票数 7
回答已采纳
1回答
我试着做两个输入--一个是pickadate，另一个是pickatime。当用户选择日期时，禁用时间数组将传递给pickatime函数。我有两个数组，是用php从后端传递过来的。我正在使用那些需要禁用的时间/日期。我的代码：
$('#myfield1').pickadate({
format: 'yyyy-mm-dd',
//array with dates
disable: exclude_days_real,
//I want to render new pickatime ev
浏览 1提问于2016-08-19得票数 0
回答已采纳
我的组件
{{remind-me datetime=model.reminderDatetime comment=model.reminderComment}}
我的提醒-我. My：
import Ember from 'ember';
export default Ember.Component.extend({
picker: $(),
didInsertElement() {
this._super(...arguments);
this.picker = $('.pickadate').pic
浏览 2提问于2016-03-04得票数 1
回答已采纳
2回答
我正在使用
我有以下的HTML和JavaScript：
<div>
<div>
<div>Departure:</div>
<div><input name="departureDateInput" value="#{bean.getFormattedFromDate()}" class="datepicker datepicker1"></input></div>
</div>
&
浏览 2提问于2013-09-25得票数 0
当我使用日期选择器时，它可以通过以下方式关闭：
$('.datepicker').pickadate().pickadate('picker').close();
但是它对时间选择器不起作用，我尝试使用另一种方法，它也不起作用。我使用Materialize包中的timepicker。有没有人也有同样的问题，也许已经解决了？
这是一个有问题的。
浏览 4提问于2017-11-14得票数 0
2回答
我使用的是角模式形式
数据报警器有个副词
但它不支持时间选择器。
如何在那里添加时间选择器或日期选择器？
日期处理得很好
scope.schema = {
"type": "object",
"properties": {
"birthDate": {
"title": "Bday",
"type": "string",
"format": "date"
}
}}
浏览 5提问于2015-04-29得票数 2
回答已采纳
1回答
我在试着计算约会的结束时间。我使用amsul提供的pickatime和pickadate，并将这两个值合并为一个。
$(document).ready(function(){
var datepicker = $('#date').pickadate({
container: '#outlet',
onSet: function(item) {
if ( 'select' in item ) setTimeout( timepicker.open, 0 )
}
}
浏览 2提问于2017-07-09得票数 0
我目前正在尝试编写一个脚本，使我的用户提交从谷歌表单到工作表，然后使用脚本编辑器来创建一个日历上的预订。我已经得到了表单部分的工作，它将数据转储到工作表中，但当涉及到获取教师想要开始的保留时间和他们期望完成的时间时，我在编写代码时遇到了困难。
// Hanna Springs Reservation
// Adam Fithian
var ss = SpreadsheetApp.getActiveSpreadsheet();
var sheet = ss.getSheets()[0];
var lastRow = sheet.getLastRow();
var lastColumn = sh
浏览 21提问于2019-11-22得票数 0
3回答
我正在使用库来选择rails应用程序中的日期。我有一个页面，其中的datefield是预先填充的。在sumbit上，我期望预先填充的值将被提交，但是它总是会提交一个默认日期(当前日期)。
有人有使用pickadate.js库的经验吗？有人知道让泡菜识别我预先填充的日期值的正确方法吗？提前谢谢。
这是我的密码
显示泡菜设置的Javascript，请注意，我也使用泡菜，它可以很好地处理预先填充的时间值。
$('#offer_valid_from_date').pickadate({format:'ddd, d mmm',formatSubmit:'d
浏览 2提问于2014-02-12得票数 0
回答已采纳
我正在尝试将集成到我的项目中，但不幸的是，在阅读了文档之后，我在如何禁用特定时间方面遇到了困难
$(function() {
let $timePicker = $('input').pickatime()
let timePicker = $timePicker.pickatime('picker')
timePicker.set('disable', new Date(2021,5,22,9))
})
<link href="https://cdnjs.cloudflare.com/ajax
浏览 21提问于2021-05-22得票数 0
回答已采纳
我在pickadate压光机上遇到了问题。我在页面末尾的pickadate中发现了一个问题，请查看附件。我必须打开输入字段顶部的pickadate日历，而输入字段在浏览器的末尾。
我试过下面的代码：
$('#description_award').pickadate({
format: 'yyyy-mm-dd',
formatSubmit: 'mm/dd/yyyy',
min: scriptDate,
max: maxDate,
drops: "up"
});
浏览 2提问于2018-07-05得票数 1
我想在我的应用程序中使用响应pickadate.js日期选择器。
我正在使用Browserify来管理模块和依赖项，并想知道如何集成泡菜。
我从一个npm install pickadate开始，它将节点模块添加到我的项目中。
然后，在我的一种观点中，我尝试这样做：
var pickadate = require('pickadate');
this.$el.find('input[name=dateEntry]').pickadate();
该错误位于引发此错误的第二行：
[Error] TypeError: 'undefined' is no
浏览 0提问于2014-09-17得票数 1
回答已采纳
我一直在为Angularjs寻找合适的日期选择器，并决定使用pickadate.js。
因为它漂亮的移动用户界面以及一个允许角度积分的定制指令，如本博客文章所示
我想在上面的博客文章中用一个事件来扩展这个指令，以便在值发生变化时调用控制器中的函数。扩展指令的完整代码如下所示
angular.module('plunker').directive('pickADate', function () {
return {
restrict: "A",
scope: {
pickADat
浏览 1提问于2014-06-03得票数 1
回答已采纳
我使用django-forms-dynamic包和htmx在MultipleChoiceField上动态加载可用选项。这些选项是基于日期字段的，对此，我使用Am领事的pickadate.js。
初始查询从数据库中获得正确的选择。但是，如果日期被更改，则查询将落后一步。因此，让我们首先选择1.11.2022。如果更改为4.11.2022，则对1.11.2022进行查询。如果选择28.11.2022，则查询1.11.2022，等等。
reservation_form.html
<div class="col-lg-6">
<div class="for
浏览 8提问于2022-11-01得票数 0
2回答
我是RequireJS的新手，我正在尝试使用填充技术加载一个插件。理想情况下，我也希望将插件放在不同的目录中。
无论我做什么，我都会得到一个脚本错误(即使插件在基目录中)。这是我的RequireJS配置。picker.date.min需要picker.min
require.config({
baseUrl: '/js',
paths: {
jquery: 'vendor/jquery/jquery-2.0.3.min',
pickadate: 'vendor/pickadate/pi
浏览 0提问于2013-11-15得票数 3
1回答
我有一件事我已经想了一段时间了。
我以此为例。pickadate.js日期选择器。我加载了这个插件，并使用一个datepicker类将它绑定到我的所有输入。
因为我使用一个datepicker类将它绑定到所有输入。
我想知道如何在可以触发的事件中使用this作用域？
假设我单击date1并将其绑定到jquery插件，那么this关键字是否可用于通过插件中的事件提取id？我知道所有的插件都可能是不同的，但我希望每次使用插件时，都能用一种简单的方法来获取id作为泛型函数的一部分。
有没有简单的方法？因为这总是返回undefined
$('input.datepicker').pic
浏览 1提问于2014-07-09得票数 1
我正在以一种形式使用pickadate.js。
我的要求是：
不包括所有周末
从今天起，选定的最小日期为3个工作日。
我的代码：
var disabledDates = [1,7,{from:true, to: 2}]; $("#myDate').pickadate({ disable: disableDates, min: 2 });
禁用第1天和第7天很好，3天的最低工作时间很好，除非3天的最短时间发生在周末。
eg.If今天是星期五，你可以选择星期一。预期的结果将是，如果今天是星期五:星期六，太阳，星期一和星期二应该被禁用。
谢谢
浏览 2提问于2018-01-12得票数 0
如何使用Pickadate.js
我当前的设置是使用pickadate.js `
<script>
$(document).ready(function(){
$("input").click(function(){
$("#inputdate").pickadate();
});
</script> `
但是它没有显示--我是jquery的新手。
浏览 10提问于2013-09-06得票数 2
2回答
我正试图在我的项目中使用pickadate.js库。
到目前为止我尝试过的..。
ngAfterViewInit() {
$('.datepicker').pickadate({
format: 'mm/dd/yyyy',
formatSubmit: 'mm/dd/yyyy',
hiddenName: true
});
}
获取以下错误：
$(.).pickadate不是函数
我真的不想为我的td.ts中的任何东西编写index.html：
<!DOCTYPE
浏览 4提问于2016-02-01得票数 1
回答已采纳
1回答
我正在使用Alsum泡菜插件，我不知道如何突出某些日子的日历。这是我的密码。
<input type="text" id="date-select" class="form-control form-date pickadate" name="date" hidden>
<script src="{{asset('vendors/js/pickers/pickadate/picker.js')}}"></script>
<script src="{
浏览 2提问于2020-03-21得票数 1
回答已采纳
<script type="text/javascript">
$('.datepicker').pickadate();
$('.datepicker2').pickadate();
</script>
<form action="#" method="get">
Check In Date: <input type="text" class="datepicker"><br>
Check Out Dat
浏览 0提问于2015-06-29得票数 0
2回答
在Rails项目中，我们有一个使用pickadate v3.6.2的日期选择器。测试已经工作了一段时间，但随着最近从moment.js转移到luxon.js，一些功能规范正在失败。IRL，功能运行良好。我认为这是关于我们如何设置日期输入的问题。我正在尝试获得正确的函数来驱动capybara设置日期输入。 日期输入在表单元素中，该元素已初始化为 $("#the_date_input").pickadate() 和消费脚本工作(IRL)如下所示： const startDateField = this.element.find(this.opts.the_date_inputs_
浏览 36提问于2020-10-28得票数 1
1回答
我使用pickadate.js作为到达和离开日期，希望离开日期不允许任何在到达日期或之前的日期，并将离开日期设置为专注于到达日期之后的日期。因此，比方说，在2016年12月16日到达将只允许选择从12月17日开始的离开日期。这就是我所拥有的：
<script src="pickadate/lib/jquery.js"></script>
<script src="pickadate/lib/picker.js"></script>
<script src=
浏览 4提问于2016-11-01得票数 1
我正在尝试使用pickadate.js，但它在我的页面上显示得不太好：
这里是我的javascript文件包含：
<script src="<c:url value='/resources/js/jquery.min.js'/>"></script>
<script src="<c:url value='/resources/js/jquery.jcarousel.min.js'/>"></script>
<scri
浏览 1提问于2013-12-10得票数 1
回答已采纳
我试图使用指令将一个jQuery控件()集成到我的角应用程序中，但是在我的指令中，我有一个独立的作用域，但是对象类型属性总是未定义的。
下面是一个演示问题的柱塞-- minDate和maxDate属性在指令范围中没有定义。
var app = angular.module('plunker', []);
app.controller('default', function($scope) {
$scope.minDate = new Date();
$scope.minDate.addDays(-5);
$scope.maxDate = ne
浏览 0提问于2015-01-24得票数 0
回答已采纳
例如，如果我有几个图形渲染在黑色背景上，是每一帧调用glClear(GL_COLOR_BUFFER_BIT)更有效，还是在过去帧的工件上渲染黑色三角形更有效？我认为在工件上渲染黑色三角形会更快，因为与清除整个屏幕相比，需要更改的像素更少。然而，我也在网上读到，一些驱动程序和图形硬件在使用glClear(GL_COLOR_BUFFER_BIT)时执行优化，而在渲染黑色三角形时不会发生这种情况。
浏览 1提问于2017-11-03得票数 0
3回答
我们正在尝试在不同的区域显示时间。我们将utc设置为false，并将其从服务器转换为该特定时区。例如，从系统时间到EST。我们能够正确地看到警报，但在渲染图形时，它显示了完全不同的时间。有人能帮上忙吗？
浏览 2提问于2012-10-10得票数 3
1回答
我有多个数据夹来选择一个范围，并将其与表单一起发送。为此，请使用以下库。现在，我想用给定的值预先填充datepicker。
我的html：
<input type="text" class="datepicker" id="select-date-from" name="date-from" autocomplete="off">
<input type="text" class="datepicker" id="select-date-until"
浏览 5提问于2017-06-30得票数 0
回答已采纳
我正在使用amsul date selector and a time selector，我想根据选中的日期和复选框更改时间选择器的最小/最大小时数。下面是我的代码： var today = new Date();
var tomorrow = new Date();
tomorrow.setDate(today.getDate()+1);
var nextyear=new Date();
nextyear.setFullYear(nextyear.getFullYear()+1);
pickupdatemin=new Date(documen
浏览 18提问于2019-09-19得票数 2
我用下面的配置禁用过去的日期(包括今天)都没有问题。然而，我不确定如何添加到此也禁用每个星期天
$('.datepicker').pickadate({
disable: [{from: [0, 0, 0], to: dateToday}],
});
我是不是遗漏了什么，让这个也在每个星期天阻塞？
感谢您的建议！
浏览 23提问于2016-07-25得票数 1
回答已采纳
在我的项目中有amsul pickadate插件。我是否可以在不同的脚本中获取pickadate/pickatime对象，以便在处理程序上使用？(我不想更改核心js脚本，其中是pickadate初始化)。
我试过这样做：
$('input[data-type="date"]').on('close',function(){
// do something
});
我也试着这样做：
$('input[data-type="date"]&#
浏览 1提问于2016-10-13得票数 1
1回答
我有一个的实现。我已经创建了包含弹出日期选择器的以下表单：
当我为这两个选择日期选择一个值时，我希望能够提交表单，但是使用$_REQUEST['input_value_from']和$_REQUEST['input_value_to']值将日期加载回表单。例如，如果用户忘记填写表单的另一部分。
我看了一下set方法，它声明为
我目前的html是：
<div class="section__block section__block--scoped">
From:
<fieldset>
浏览 4提问于2014-04-03得票数 0
回答已采纳
1回答
我一直在开发一个Ionic 2应用程序，它在加载页面(从一个页面到另一个页面)时速度更慢。在Chrome工具中，我记录了页面转换的时间线，并看到渲染所需的最大时间。是的，这个应用程序有一些复杂的html视图，但与渲染时间相比并不复杂。
有人能给我一些提示让渲染更快吗？我也试过用“-”如果禁用页面转换有帮助，请告诉我如何做。
浏览 5提问于2017-03-24得票数 0
对于Meteor中的Materialize包(materialize:materialize)，我使用的是datepicker，它获取了左边的一些日期。
在页面渲染中，我得到了：
Template.clientEntry.onRendered(function() {
$('select').material_select();
$('.datepicker').pickadate({
selectMonths: true, // Creates a dropdown to control month
selectYears: 40 //
浏览 1提问于2016-09-02得票数 0
我想禁用日期选择器中的所有日期。并希望启用特定两个日期之间的日期。例如，fromdate、todate。我使用pickadate.js的显示响应日期显示。
picker1.set('disable', [
[2014,2,22],
[2014,2,24]
]);
此数组列表希望如下所示
{ from: [2014,2,22], to: [2014,2,24] }
在这里，我链接了我试图禁用的源，启用日期。帮我做这件事
浏览 2提问于2014-04-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
