twitter bootstrap datapicker?

06-10-2014, 12:04:44

Merhabalar,
twitter bootsrap da datapicker kullanıyorum.

			$('#tahsilattarihi').datepicker({
			  format: 'dd.mm.yyyy',
			  weekStart : 1,
			});

şeklinde kullanıyorum.
ama tarih seçildiğinde kapatılmasını nasıl sağlarım?

06-10-2014, 12:12:37

#2

S_HA_DO_W

nurettin adlı üyeden alıntı: mesajı görüntüle

Merhabalar,
twitter bootsrap da datapicker kullanıyorum.

			$('#tahsilattarihi').datepicker({
			  format: 'dd.mm.yyyy',
			  weekStart : 1,
			});

şeklinde kullanıyorum.
ama tarih seçildiğinde kapatılmasını nasıl sağlarım?

hangi datepicker kullanıyorsunuz.
bildiğim kadarıyla bootstrap ın içinde varsayılan olarak gelmiyor bu özellik.
sonradan eklenmesi gerekiyor.

https://github.com/eternicode/bootstrap-datepicker

eğer bunu kullanıyorsanız.

$('#tahsilattarihi').datepicker({
    format: 'dd.mm.yyyy',
    weekStart : 1,
    autoclose: true
});

şeklinde yazarsanız istediğiniz olacaktır.

06-10-2014, 14:08:27

#3

nurettin

Teşekkürler çalıştı.

giristarihi seçildikten sonra cikistarihine otomatik geçiş yapıp giristarihinden sonraki süreyi sadece seçilebilir şekilde olmasını sağlamak istedim.

		<script>

	if (top.location != location) {
    top.location.href = document.location.href ;
  		}
		$(function(){
			window.prettyPrint && prettyPrint();
			$('#giristarihi').datepicker({
				format: 'dd.mm.yyyy',
			});
			$('#cikistarihi').datepicker({
				format: 'dd.mm.yyyy',
			}
				);
		

        // disabling dates
        var nowTemp = new Date();
        var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

        var checkin = $('#giristarihi').datepicker({
          onRender: function(date) {
            return date.valueOf() < now.valueOf() ? 'disabled' : '';
          }
        }).on('changeDate', function(ev) {
          if (ev.date.valueOf() > checkout.date.valueOf()) {
            var newDate = new Date(ev.date)
            newDate.setDate(newDate.getDate() + 1);
            checkout.setValue(newDate);
          }
          checkin.hide();
          $('#cikistarihi')[0].focus();
        }).data('datepicker');
        var checkout = $('#cikistarihi').datepicker({
          onRender: function(date) {
            return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
          }
        }).on('changeDate', function(ev) {
          checkout.hide();
        }).data('datepicker');
		});

	</script>