SORU
5 ŞUBAT 2010, Cuma


jQuery UI ay yıl sadece göstermek için DatePicker

JQuery tarih seçici uygulamam her yerinde takvimi görüntülemek için kullanıyorum. Eğer ay ve yıl (Mayıs 2010) ve takvim görüntülemek için kullanabilirsiniz eğer bilmek istiyorum?

CEVAP
5 ŞUBAT 2010, Cuma


İşte bir hack (tüm .updated html dosyası):

<!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" xml:lang="en" lang="en">
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/jquery-ui.css">
<script type="text/javascript">
$(function() {
    $('.date-picker').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'MM yy',
        onClose: function(dateText, inst) { 
            var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
            var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
            $(this).datepicker('setDate', new Date(year, month, 1));
        }
    });
});
</script>
<style>
.ui-datepicker-calendar {
    display: none;
    }
</style>
</head>
<body>
    <label for="startDate">Date :</label>
    <input name="startDate" id="startDate" class="date-picker" />
</body>
</html>

EDİT örneğin yukarıdaki jsfiddle: http://jsfiddle.net/bopperben/DBpJe/

2 DÜZENLEYİN Ekler ay yıl düğmeye tıklayarak sadece giriş kutusu için değer. De yer alan yukarıda mümkün değil giriş kutusu değerleri silmenizi sağlar http://jsfiddle.net/DBpJe/5103/

3 DÜZENLEMEK güncelleme daha İyi bir Çözüm rexwolf çözüm aşağı göre.
http://jsfiddle.net/DBpJe/5106

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • eurotuner

    eurotuner

    6 Mart 2006
  • Friday Night Cranks

    Friday Night

    27 Mayıs 2007
  • Gavin Hoey

    Gavin Hoey

    21 Aralık 2007