angular 2 - making a modular datepicker component -


i've been reading on transclusion , i'm trying figure if that's need in order make popup picker service can dropped in anywhere.

because ngx-bootstrap not yet support modal date-picker, i'm making own. have multiple datepickers throughout app, several on same page, want modular possible.

i start standard date input:

<input      type="date"      class="form-control"      (click)="pickdate($event, '#requestdate')" />

at moment, datepicker right in page (postioned absolute, behaves popup):

<datepicker      id="requestdate"      name="requestdate"      [(ngmodel)]="incident.absence.requestdate"      required></datepicker>

... expect service generate as-needed.

the method far:

pickdate(e, popupid) {     e.preventdefault();     var popupctrl = this.elementref.nativeelement.queryselector(popupid);     popupctrl.style.display= 'block'; }

there's going lot of communication between input , datepicker passing init , modified date , forth. presumably, simple transclusion isn't sufficient.

how service work generates control on page?

(or re-inventing wheel here?)

while write own wrapper datepicker sounds more work need do. sounds using ngx-bootstrap if wanted custom datepicker put date picker in dropdown or tooltip control provide.

realistically, use datepicker primeng: https://www.primefaces.org/primeng/#/calendar

it shouldn't matter using multiple ui frameworks (primeng , ngx-bootstrap) because bloat should shaken out in prod build.


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more