search

InfomediaLtd / angular2-materialize

Angular 2 support for Materialize CSS framework.
https://infomedialtd.github.io/angular2-materialize/
MIT License
407 stars 140 forks source link

date picker closeOnSelect? #135

Closed tettusud closed 8 years ago

tettusud commented 8 years ago

Hi team, is date picker's closeOnSelect: true option supported?

rubyboy commented 8 years ago

Not sure if MaterializeCSS supports it. Their documentation (http://materializecss.com/forms.html) says "At this time, not all pickadate.js options are working with our implementation". Need to test. Can you try with vanilla MaterializeCSS? If it works there and not with angular2-materialize let us know. Thanks.

rubyboy commented 8 years ago

Seems like MaterializeCSS isn't supporting it. I suggest opening an issue on the MaterializeCSS repository.

Here's the HTML I tested this feature:

<html>
  <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>
  </head>
  <body>
      <input type="date" class="datepicker"></br>
    <script>
      $(document).ready(function() {
        $('.datepicker').pickadate({
          closeOnSelect: true
        });      
      });
    </script>
  </body>
</html>
rubyboy commented 8 years ago

https://github.com/Dogfalo/materialize/pull/3321

tettusud commented 8 years ago

Thank you ruby boy, I already contacted them

----- Reply message ----- From: "rubyboy" notifications@github.com To: "InfomediaLtd/angular2-materialize" angular2-materialize@noreply.github.com Cc: "sudharsantk" sudharsan_tk@yahoo.co.in, "Author" author@noreply.github.com Subject: [InfomediaLtd/angular2-materialize] date picker closeOnSelect? (#135) Date: Sun, Oct 16, 2016 7:43 PM

Seems like MaterializeCSS isn't supporting it. I suggest opening an issue on the MaterializeCSS repository.

Here's the HTML I tested this feature:


—You are receiving this because you authored the thread.Reply to this email directly, view it on GitHub, or mute the thread.

{"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/InfomediaLtd/angular2-materialize","title":"InfomediaLtd/angular2-materialize","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/InfomediaLtd/angular2-materialize"}},"updates":{"snippets":[{"icon":"PERSON","message":"@rubyboy in #135: Seems like MaterializeCSS isn't supporting it. I suggest opening an issue on the MaterializeCSS repository.\r\n\r\nHere's the HTML I tested this feature:\r\nhtml\r\n\u003chtml\u003e\r\n \u003chead\u003e\r\n \u003clink rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css\"\u003e\r\n \u003cscript type=\"text/javascript\" src=\"https://code.jquery.com/jquery-2.1.1.min.js\"\u003e\u003c/script\u003e\r\n \u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js\"\u003e\u003c/script\u003e\r\n \u003c/head\u003e\r\n \u003cbody\u003e\r\n \u003cinput type=\"date\" class=\"datepicker\"\u003e\u003c/br\u003e\r\n \u003cscript\u003e\r\n $(document).ready(function() {\r\n $('.datepicker').pickadate({\r\n closeOnSelect: true\r\n }); \r\n });\r\n \u003c/script\u003e\r\n \u003c/body\u003e\r\n\u003c/html\u003e\r\n"}],"action":{"name":"View Issue","url":"https://github.com/InfomediaLtd/angular2-materialize/issues/135#issuecomment-254042067"}}}