Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Buthy

Problema com DatePicker

Recommended Posts

Opa galera, tudo bem?

 

Utilizo um DatePicker em um formulário de cadastro...

Estava tudo funcionando, mas de uma hora pra outra (sem nenhuma alteração), o plugin parou de funcionar...

 

Segue o código onde é exibido:

<input id="date" type="date" name="data" class="required" value="<?php echo date('d/m/Y'); ?>">

 

Código js:

jQuery(function($){
		$.datepicker.regional['pt-BR'] = {
			closeText: 'Fechar',
			prevText: '<Anterior',
			nextText: 'Próximo>',
			currentText: 'Hoje',
			monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
			'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
			monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
			'Jul','Ago','Set','Out','Nov','Dez'],
			dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sábado'],
			dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],
			dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],
			weekHeader: 'Sm',
			dateFormat: 'dd/mm/yy',
			firstDay: 0,
			isRTL: false,
			showMonthAfterYear: false,
			yearSuffix: ''};
		$.datepicker.setDefaults($.datepicker.regional['pt-BR']);
	});

	if ($.fn.datepicker && $.fn.datetimepicker && !$.browser.opera) {
		var defaults = {
			hourGrid: 23,
			minuteGrid: 59
		}
		$('input[type=date]').datepicker($.extend(defaults, {showButtonPanel: true}));
		$('input[type=datetime]').datetimepicker(defaults);
		$('input[type=time]').not('[data-timeformat=12]').timepicker(defaults);
		$('input[type=time][data-timeformat=12]').timepicker($.extend(defaults, {ampm: true}));

		$('input.hasDatepicker[data-date-relative]').each(function(){
			var ids = $(this).attr('id').split(' '), id;
			var el = this;

			$.each(ids, function(){
				if (this.indexOf('dp') == 0 || $('label[for=' + this +']').length) {
					id = this;
				}
			});

			if (!id) {
				throw "Invalid form";
			}

			if ($(this).attr('type') == 'date') {
				$(this).datepicker( "option", "defaultDate", null );
				$('.ui-datepicker-today', $.datepicker._getInst($('#' + id)[0]).dpDiv).click();
				$('.ui-datepicker-today').datepicker({ dateFormat: 'dd-mm-yy' });
			} else {
				$.datepicker._gotoToday('#' + id);
			}
		});
	}

 

validate.js

// http://docs.jquery.com/Plugins/Validation/Methods/date
	date: function(value, element) {
		return this.optional(element) || /^\d{1,2}[\/-]\d{1,2}[\/-]\d{4}$/.test(value);
	},

	// http://docs.jquery.com/Plugins/Validation/Methods/dateISO
	dateISO: function(value, element) {
		return this.optional(element) || /^\d{1,2}[\/-]\d{1,2}[\/-]\d{4}$/.test(value);
	},

 

O problema é que está aparecendo escrito dentro do input: Dia/Mês/Ano, e antes aparecia a data atual...

Além disso, quando clico para selecionar o dia, ele não é selecionado...

Continua sempre a mensagem Dia/Mês/Ano...

E digitando uma data válida no formato dd/mm/yyyy ele acusa como data inválida pelo validate... Mas antes não ocorria nenhum desses problemas...

 

Alguém sabe o que pode ser?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Verifique o console do navegador por erros.

No Firefox: <CTRL> + <SHIFT> + J

No Chrome: <CTRL> + <SHIFT> + I

 

Henrique, não apareceu nenhum erro...

 

O que notei agora, foi que o problema acontece somente no Chrome. No Firefox e no IE está funcionando normalmente.

 

-------------

 

Alguém? O problema ainda está acontecendo... e somente no Google Chrome!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.