2015-03-25 6 views
0

Я хочу отключить от 2-го месяца до последнего дня месяца.Отключить дату в DatePicker [Extjs]

i.e включить только первый день месяца. также следует отключить первый день текущего месяца. я попытался

format: 'd/m/Y', 
disabledDates: ['02/..', '31/..'] 

но отключить только 2-й и 31 числа каждого месяца.

Хотя я поискать еще

Используйте

disabledDates : ['^01'] 

это помогает мне отключить 1-го числа каждого месяца ... однако мне нужно наоборот.

Пожалуйста, помогите :: новый для ExtJS

ответ

0

'02/..' означает: «Отключить все даты, которые содержат 02/следуют любые два символа.» Вы уверены, что 08/02/2015 не отключен этим? Я предполагаю, что весь февраль отключен.

В то время как вы можете создать регулярное выражение, чтобы сказать «все дни, кроме первого», я не знаю, как и будет использовать этот монстр:

disabledDates: ['^02', '^03', '^04', '^05', '^06', '^07', '^08', '^09', '^1', '^2', '^3', '01/03/2015'] 

Но, ради удобства, я бы рекомендовал используйте разные элементы UX, так как вы отключите> 90% от дат. Я думаю, что для меня будут более подходящими два сборника: один за месяц и год за год.

+0

"Два ComboBoxes, один за месяц и один за год, был бы более подходящим, я думаю." да, это будет более подходящим ... но мне нужно на весь год ... не на 10-15 лет. – sparsh610

1

не очень, но фрагмент кода ниже.

Обратите внимание:

  • это только сделки с первой точкой «я хочу, чтобы отключить от 2-го месяца до последнего дня месяца»
  • не отключить «первый день настоящего месяца ", поскольку я не уверен, как это можно осуществить.

Ext.create('Ext.form.Panel', { 
 
    renderTo: Ext.getBody(), 
 
    width: 300, 
 
    bodyPadding: 10, 
 
    title: 'Dates', 
 
    items: [{ 
 
     xtype: 'datefield', 
 
     anchor: '100%', 
 
     fieldLabel: 'From', 
 
     name: 'from_date', 
 
     disabledDates: ['../02/..', 
 
         '../03/..', 
 
         '../04/..', 
 
         '../05/..', 
 
         '../06/..', 
 
         '../07/..', 
 
         '../08/..', 
 
         '../09/..', 
 
         '../10/..', 
 
         '../11/..', 
 
         '../12/..', 
 
         '../13/..', 
 
         '../14/..', 
 
         '../15/..', 
 
         '../16/..', 
 
         '../17/..', 
 
         '../18/..', 
 
         '../19/..', 
 
         '../20/..', 
 
         '../21/..', 
 
         '../22/..', 
 
         '../23/..', 
 
         '../24/..', 
 
         '../25/..', 
 
         '../26/..', 
 
         '../27/..', 
 
         '../28/..', 
 
         '../29/..', 
 
         '../30/..', 
 
         '../31/..'], 
 
     maxValue: new Date() // limited to the current date or prior 
 
    }] 
 
});
<link href="http://cdn.sencha.com/ext/gpl/4.2.0/resources/css/ext-all.css" rel="stylesheet"/> 
 
<script src="//cdn.sencha.io/ext-4.2.0-gpl/ext-all.js"></script>