16 Eylül 2016 Cuma

JavaScript Notları:

örnek:Form üzerinde bugünün tarihini gösteren datepicker:

<head>

<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <script type="text/javascript">
        $(function() {
            $( "#datepicker1" ).datepicker({dateFormat:'dd/mm/yy'}).datepicker("setDate", new Date());
        });
    </script>

</head>


örnek:Form üzerinde iki datepicker olsun,ilkinde bulunduğun ayın başı,ikincisinde ayın sonu olsun:

<head>

<link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="stylesheet" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <script type="text/javascript">
        $(function() {
            var date = new Date();
            var firstDay = new Date(date.getFullYear(), date.getMonth(), 1);
            var lastDay = new Date(date.getFullYear(), date.getMonth() + 1, 0);

            $( "#datepicker1" ).datepicker({dateFormat:'dd/mm/yy'}).datepicker("setDate", firstDay);
            $( "#datepicker2" ).datepicker({dateFormat:'dd/mm/yy'}).datepicker("setDate", lastDay);
        });
    </script>


</head>

Hiç yorum yok:

Yorum Gönder