jQuery UI datepicker tam kod burada gösterildiği gibi

sorun jQuery datepicker gösteren yaşıyorum dahil ve demo sitesi sökük. Hepsi değil, ama önemli parçalar olduğuna inandım. Sonuç, görüntülenecek bir tarih seçicidir ve javascript hatası içermez. İşte tam kod örneğim:jQuery UI datepicker tam kod burada gösterildiği gibi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<link rel="stylesheet" href="http://static.jquery.com/ui/css/base2.css" type="text/css" media="all" /> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" /> 


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
<script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.1/jquery-ui.min.js"></script> 

<script type="text/javascript" charset="utf-8"> 
jQuery(function(){ 
    jQuery("#datepicker").datepicker(); 
}); 
</script> 
</head> 
<body> 
<input type="text" id="datepicker" class="hasDatepicker" /> 
</body> 
</html>

Herhangi bir yardım çok takdir edilecektir. Teşekkürler!

kaynak

2010-05-12 Bill Brasky

Lütfen giriş etiketinden hasDatepicker sınıfını kaldırın ve iyi çalışmalıdır. Eğer jQuery UI lib kaynak koduna dikkatlice bakarsanız

class = 'hasDatepicker' //Need to remove

kaynak

2010-05-12 16:47:11 Raja

Evet, bu sınıf adı jquery-ui tarafından bir tarih seçicisinin daha önce eklendiğini belirtmek için kullanılır. – interjay

DatePicker öğesini çağırdığınızda hasDatepicker sınıfı jQuery UI tarafından otomatik olarak eklenir. Kendi içine koymak şeyleri berbat eder. – Adam

Sanırım kodu yırtmamalıydım. Teşekkür ederim! –

bunu datepicker için içeride hasDatepicker sınıfını kullandığını görebilirsiniz. Ben benzer bir sorunu vardı

<input type="text" id="datepicker" class="hasdatepicker"/>

kaynak

2010-05-12 16:52:37 0x2D9A3

class = "hasDatepicker" Kaldır

kaynak

2010-05-12 16:54:04 heisenberg

<input type="text" id="datepicker" class="anyOtherClassName"/>

ya: Yani, başka bir sınıf (hatta hasdatepicker işleri) ancak hasDatepicker kullanın. Benim çözünürlük bu kadar datePicker.css

.date-picker { 
position: absolute; 
z-index:1000;/*********** MY Change *************/ 
font-size: 1em; 
color: #CCC; 
text-align: center; 
cursor: default; 

border: 1px solid #444; 
border-radius: 2px; 
margin: 6px 0; 
background: #222; 
box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.2);}

arasında .date-picker yılında z-index eklemek oldu !!! Ve Lo, tarih seçicinin görüntülenmeye başladı. Umarım bu, benzer konular için buraya gelen birisine yardımcı olur.

kaynak

2017-11-13 07:41:09 jAntoni

jQuery UI datepicker tam kod burada gösterildiği gibi

cevap

İlgili konular